我正在尝试从图像列表中删除/删除图像。我太累了,无法正常思考,所以我需要一些帮助。
这是我的 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();
});
这不起作用。我错过了什么?
最佳答案
尝试$(this).closest('li').remove()
。
您还可以向 li
添加一个类(例如 ImageItem
),然后调用 closest('li.ImageItem').remove()
.
closest
函数查找与选择器匹配的最近的父元素。
编辑: 要使其淡出,请编写以下内容:
var li = $(this).closest('li')
li.fadeOut('slow', function() { li.remove(); });
动画完成后,这将删除该元素。
关于jquery - 从 UL 中删除 LI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1972065/