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

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

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

JSFiddle

Answer 3

试试这个：

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

<强> See demo here

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();
});