jquery - jquery删除父tr第一次不工作

Question

单击删除按钮时，我想删除父 tr。问题是当我单击删除时，它会闪烁并且不会在第一次单击时删除 tr，然后当我第二次单击删除时，iut 会被删除。请帮忙

$(".adel").on('click', function () {     
    $(this).parents('tr').hide();
});

<tr id="rowtr">
    <td></td>
    <td id="rowtd">
        <a id="" class="adel" href=''>
            <img src='del.png'>
        </a>
    </td>
</tr>

Answer 1

尝试这个：

$(".adel").on('click', function (e) {     
   e.preventDefault();
   $(this).closest('tr').remove();
});

在这里工作小提琴：http: //jsfiddle.net/2ZHBC/1/

Answer 2

尝试这个：

$(function(){
    $(".adel").on('click', function (e) {
        e.preventDefault();
        $(this).parents('tr').hide();
    });
});

在此处查看演示

Answer 3

我希望您希望阻止以下默认操作<a>：

$(".adel").on('click', function (e) {
  e.preventDefault();
  $(this).parents("tr").hide();
});

JSFiddle

Answer 4

尝试这个

$(".adel").on('click', function (e) {
 e.preventDefault();     
 $(this).parents('tr').remove();
});

Answer 5

将此添加到您的a标签中：

<a class="adel" href='javascript:void();'><img src='del.png'/></a>

Answer 6

尝试使用以下代码。

$(".adel").on('click', function (e) {
    e.preventDefault();
    e.stopPropagation();
    $(this).parents('tr').hide();
});