javascript - jQuery 使用 LI 中的超链接从 UL 中删除 LI

Question

我有一个无序列表:

<ul id="sortable">
  <li id="1" class="ui-state-default">First <a href='#' title='delete' class="itemDelete">x</a></li>
  <li id="2" class="ui-state-default">Second <a href='#' title='delete' class="itemDelete">x</a></li>
  <li id="3" class="ui-state-default">Third <a href='#' title='delete' class="itemDelete">x</a></li>
</ul>

我想删除 <li>来自 <ul> .我已经处理了类 itemDelete 的单击事件，我尝试在其中进行删除，但我认为它不起作用，因为我无法删除 <li>作为一个 child 叫它？

$('.itemDelete').live("click", function() {
            var id = $(this).parent().get(0).id;


            $("#" + id).remove();

        });

什么是最好的方法？

Answer 1

假设您使用的是最新版本的 jQuery:

$('#sortable').on('click', '.itemDelete', function() {
    $(this).closest('li').remove();
});

closest 比 parent 更动态一点(尽管 parent 在这里也适用。)它得到了 li 最接近当前元素的代码，在结构中向上。