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

从<li> </li>中删除项目

1 个答案: