CODEWITHSUNDEEP
javascriptjqueryhtml
Văn Đức Nguyễn
Văn Đức Nguyễn

Reputation: 54

Remove children element jquery

I have a list children element about >50 value:

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

Now, I want to remove children eq from 1 to 30. Can you help me anyway to solve this problem quickly? Thank you very much.

Upvotes: 1

Views: 65

Answers (1)

Mamun
Mamun

Reputation: 68933

You can try with jQuery's :lt() selector:

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

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

Demo:

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

Upvotes: 4

Related Questions