移除子元素 jquery

Question

我有一个关于 >50 值的列表子元素：

<div class="parent">
   <div class="children"></div>
   <div class="children"></div>
   ...
   <div class="children"></div>
</div>

现在，我想删除从 1 到 30 的儿童 eq。无论如何你能帮我快速解决这个问题吗？ 非常感谢。

Answer 1

您可以尝试使用 jQuery 的:lt()选择器：

Select索引小于匹配集中索引的所有元素。

$('.parent > .children:lt(30)').remove(); //Remove the first 30

演示：

 $('.parent >.children:lt(2)').remove(); // Remove the first 2

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="parent"> <div class="children">1</div> <div class="children">2</div> <div class="children">3</div> </div>

Answer 2

在纯 javascript 中，您必须使用循环：

 var c = document.querySelectorAll(".children"); c.forEach(function (v,i){ if(i<2){ document.body.removeChild(v); } });

 <div class="children">1</div> <div class="children">2</div> <div class="children">3</div>

这就是为什么最好使用 jQuery 的原因，因为这样可以节省很多代码行。