jquery - 如何用jquery选择前N个元素？

Question

<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>

我只想将 onmouse over 事件添加到前三个 li(tab1,tab2,tab3)。 if条件怎么写。

Answer 1

您不需要 if - 您可以使用 jQuery :lt() 选择器

$('ul li:lt(3)').mouseenter(function(){});

请注意，索引是从零开始的，因此前三个是 0、1 和 2

http://api.jquery.com/lt-selector/

2020 年 7 月更新:

从 jQuery 3.4 开始，:lt 伪类已被弃用。将其从选择器中删除，并稍后使用 .slice() 过滤结果。例如，:lt(3) 可以替换为对 .slice(0,3)

的调用