1. 程式人生 > ><a>實現按鈕的javascript+jquery編程實例

<a>實現按鈕的javascript+jquery編程實例

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編程實例