javascript - 删除子元素jquery

Question

我有一个列表子元素，值大于 50:

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

现在，我想删除 children eq 从 1 到 30。你能帮我快速解决这个问题吗？非常感谢。

Answer 1

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

Select all elements at an index less than index within the matched set.

$('.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>