javascript - 从 中删除项目

Question

嗨，我正在尝试删除一个与 Jquery 超链接的项目，但它似乎效果不太好，有人可以透露一下吗？谢谢。

HTML 代码:

<ul id="displayAgency">
    <li><a href="#" agencyId="809" class="itemDelete">Item One</a>
    </li>
    <li><a href="#" agencyId="209" class="itemDelete">Item Two</a>
    </li>
    <li><a href="#" agencyId="409" class="itemDelete">Item Three</a>
    </li>
    <li><a href="#" agencyId="709" class="itemDelete">Item Four</a>
    </li>
</ul>

Jquery:

$('#displayAgency').click('click', function () {
    $("li itemDelete").remove();
    return false;
});

Answer 1

您缺少类选择器:

$("li .itemDelete").remove(); //Which is a dot

您可能要注意，无论您单击哪一个，这都会删除所有 li 并返回到页面顶部。

您正在寻找这个吗？

$('#displayAgency .itemDelete').on('click', function (e) {
    $(this).remove(); //This remove the 'a' but keep the 'li'
    //$(this).parent().remove(); would remove the 'li'
    //return false; You should use prevent default
    e.preventDefault();
});