移除子元素 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 的原因，因為這樣可以節省很多代碼行。