Use .splice() on JQuery object

Question

We remove child of a certain html element through JQuery via:

$(PARENT_SELECTOR).children(CHILD_SELECTOR).remove()

But how can I make this behave like .splice() method (e.g. removing on the DOM tree the given index and offset). For instance:

1. Remove the last three children. Here I'll most probably use:

   for(var x = 0; x < 3; x++) {
      $(PARENT_SELECTOR).children().last().remove()
   }
   

2. Remove 4th to 6th children. Here I'll use:

   $(PARENT_SELECTOR).children().eq(3).remove()
   $(PARENT_SELECTOR).children().eq(4).remove()
   $(PARENT_SELECTOR).children().eq(5).remove()
   

3. Remove 5 elements starting from the 5th child ( this is the real scenario where I want to have a .splice()-like function for JQuery ):

   var starting = 5,
       index = 5
   
   // I haven't tested this yet.
   for(var x = index + starting; x > index; x--) {
       $(PARENT_SELECTOR).children().eq(x - 1).remove()
   }
   

And the list goes on... I can make my own case-to-case scripts for each scenarios [, that's easy]. I'm just wondering if JQuery has already it's own feature like this-- it will make my scripting shorter and will not make me to repeat writing similar codes.

Answer 1

I think $.slice is really what you are looking for. Below is the example:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

$( "li" ).slice( 2, 4 ).remove();

Just keep in mind that .slice() starts with index 0, so example above will remove the third to fifth child.