How to select first N elements with jquery?

user_698574 0
Viewed 21423
<div class="nav-top">
<ul>
  <li class="tab1"><a href="/">test</a></li>
  <li class="tab2"><a href="#">test</a></li>
  <li class="tab3"><a href="#">test</a></li>
  <li class="navahead"><a href="#">test</a></li>
  <li class="navahead"><a href="#">test</a></li>
<li class="new"><a href="#">test</a></li>
</ul>
</div>

i want to only add onmouse over event to the first three li(tab1,tab2,tab3). how to write the if condition.

css-selectors jquery
7 Answers

Use .slice(startIndex, endIndex)

$("div").slice(0, 2).remove();
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

user_3839040

You can use :nth-child(-n+{TARGET_NUMBER})

Use ul li:nth-child(-n+3) to select first 3 elements.

E.g.

$('ul li:nth-child(-n+3)').mouseenter(function() {
    // your code goes here
});
user_32221210
Related