javascript - 删除具有特定类的所有子节点

Question

我有生成树的动态 ul li 节点，我想删除所有具有

的子跨度节点

class="highlight" or
class="add_action" or
class="delete_action" or
class="edit_action"

在具有特定 id 的特定 li 下 -(在此示例中为 20)- 我尝试使用 jquery 这段代码来查找所有带有这些类的 span 以将其删除，但它没有用

$('li#20').find('span.add_action').each(function(){
    $(this).remove();
});

累了

   $('li#20').eq(0).find('.add_action').remove();

  $('li#20').children('.add_action').remove();

这是完整的例子

https://jsfiddle.net/kqagjtmr/

Answer 1

您的代码中有重复的 id 属性，例如:

<li class="thide" id="20"><span class="vertical"></span>

<span id="20" class="first_name" title="">الجد  سعد</span>

这就是 $('li#20') 无法正常工作的原因。 id 属性必须是唯一的，也不应以数字开头。请改用类。

收件人remove元素，只需使用:

$('someSelector').remove();

此外，您应该在您的 fiddle 中包含 jQuery，您可以在此处找到该选项: