Question

我在下面的代码中显示了我的网页中的一系列跨度元素

 <div id="tags" style="border:none;width:370px;">
   {% for category in AllCategories %}            
   <span class="tag" id="4">{{ category.sname }}</span>
   {% endfor %}
 <div>

这是在网页（python）中获取数据的Django表示法，我有一个按钮，当我点击时应该删除我div中的所有跨度（id = tags）。

我怎样才能在jquery中做到这一点？

我在下面试过

 $('#tags').on('click','.tag',function(){ 
     $(this).remove();
 });

但它并不适用于所有跨度。

Answer 1

因此，您的相关代码会解释 - 当委派的spans事件以click跨度为目标时删除所有.tag，因此只有在您点击{{1}时才会删除跨度}

尝试使用spans：

remove()

$(function(){
    $('#tags').on('click', function(){ 
        $(this).find('.tag').remove()
    });
});

#tags{
  background-color: green;
}
span{
  background-color: red;
}

希望这有帮助。

Answer 2

$(document).ready(function(){ 
       $('#tags').on('click', function(){ 
         $(this).find('span.tag').remove();
       });
    });

希望这有帮助

Answer 3

尝试使用分离方法而不是删除

在jquery中单击按钮，删除div中的所有跨距

3 个答案: