jquery - jquery removeparent trが初めて機能しない

Question

削除ボタンをクリックすると、親trを削除したい。問題は、削除をクリックすると点滅し、最初のクリックで tr が削除されず、その削除を 2 回目にクリックすると 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>

score 1 · Accepted Answer

のデフォルトのアクションを防止しようとしていると思います<a>：

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

score 1 · Accepted Answer

これを試して：

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

score 0 · Accepted Answer

これを試して

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

score 0 · Accepted Answer

aこれをタグに追加します。

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

score 0 · Accepted Answer

次のコードで試してください。

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

6 に答える 6