<a>實現按鈕的javascript+jquery編程實例
阿新 • • 發佈:2017-09-21
data- scrip click index hid wro delete ref 刪除
涉及知識點:怎樣實現讓註冊的function獲取當前<a>,以便通過它進行其他操作
風格一:
1.html端:
<td class="text-center"><a class="delete" data-index="‘ + trIndex + ‘" href="javascript:void(0)"><i class="fa fa-minus" aria-hidden="true"></i></a></td>
2.javascript端:
$("body").delegate(".delete", "click", function() { var $this = $(this); if ($this.parents(‘tr‘).next().length == 0) return; $this.parents(‘tr‘).remove(); });
風格二:
1.html端
<td><a class=‘delete‘ title=‘刪除‘ onclick=‘DeleteNewRow(this);‘ href=‘javascript:void(0)‘><i class=‘fa fa-minus‘ aria-hidden=‘true‘></i></a></td>
2.javascript端
function DeleteNewRow(obj) { $(obj).parent().parent().remove(); }
<a>實現按鈕的javascript+jquery編程實例