Question

我想删除具有相同类元素的每个选定元素。我的jquery编码如下所示

$(".del_layer").each(function(){        $(this).click(function(){
           $(this).parent().remove();
                });

            });

我的html结构是

<li class="select_layerList" data-refind="0">
<img width="20px" src="tmp_card_imgs/a.png">
Layer 0:Image
<span class="del_layer" style="cursor:pointer;">X</span>
</li>
<li class="select_layerList" data-refind="0">
<img width="20px" src="tmp_card_imgs/b.png">
Layer 0:Image
<span class="del_layer" style="cursor:pointer;">X</span>
</li>

但是每个功能都不起作用。我该如何解决这个问题

Answer 1

工作正常。

http://jsfiddle.net/4LeuA/

确保已加载DOM，将代码置于document.ready()

内

$(document).ready(function() {

});

Answer 2

您可以删除每个功能，因为您可以通过类名选择它们，并将您的脚本放在文档就绪，如

$(document).ready(function(){
    $('.del_layer').on('click',function(){
        $(this).parent().remove();
    });   
});

Answer 3

为什么不尝试这样的事情

 $(".del_layer").on('tap',function(){
  $(this).parent().remove();
 });

Answer 4

无需遍历.each()，只需将事件应用于选择器并删除其父级：

$(".del_layer").click(function(){
    $(this).parent('li').remove();
});

您可以使用.closest()函数遍历所需的父级。

$(".del_layer").click(function(){
    $(this).closest('li').remove();
});

Answer 5

使用事件委派，您可以设置一次相同的处理程序：

$(document).on('click', '.del_layer', function() {
  $(this).parent().remove();
});

Jquery每个函数和单击事件都不起作用

5 个答案: