jquery - 从 UL 中删除 LI

Question

我正在尝试从图像列表中删除/删除图像。我太累了，无法正常思考，所以我需要一些帮助。

这是我的 HTML 代码:

<li id="listItem_dsc_6436.jpg"> 
  <a href="http://storelocator.com/wp-content/uploads/slgallery/brand/5f/c6/dsc_6436.jpg"><img alt="dsc_6436.jpg" src="http://storelocator.com/wp-content/uploads/slgallery/brand/5f/c6/thumb/dsc_6436.jpg"/></a>
  <div class="buttonPanel">
    <span title="Delete image" class="btnRemoveItem floatRight" id="dsc_6436.jpg"> </span>
  </div>
</li>

这是我的 JavaScript 代码:

jQuery('.btnRemoveItem').click(function(){
  jQuery('#listItem_' +jQuery(this).attr('id')).remove();
});

这不起作用。我错过了什么？

Answer 1

尝试$(this).closest('li').remove()。
您还可以向 li 添加一个类(例如 ImageItem)，然后调用 closest('li.ImageItem').remove() .

closest函数查找与选择器匹配的最近的父元素。

编辑:要使其淡出，请编写以下内容:

var li = $(this).closest('li')
li.fadeOut('slow', function() { li.remove(); });

动画完成后，这将删除该元素。