How to select a range of elements in jQuery

Question

<div id="myDiv">      <a>...</a>      <a>...</a>      <a>...</a>      <a>...</a>      <a>...</a>      <a>...</a> </div> 

If you wanted to select the 2nd, 3rd and 4th a tags in the above example, how would you do that? The only thing I can think of is:

$("#myDiv a:eq(1), #myDiv a:eq(2), #myDiv a:eq(3)") 

But that doesn't look to be very efficient or pretty. I guess you could also select ALL the as and then do run .each over them, but that could get very inefficient if there were a lot more as.

Answer 1

jQuery slice() function taking indexes of the first and the last needed elements selects a subset of the matched elements. Note what it doesn't include last element itself.

In your particular case you should use

$("#myDiv a").slice(1, 4)