首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用jquery选择前N个元素?

如何使用jquery选择前N个元素?
EN

Stack Overflow用户
提问于 2011-07-18 16:50:14
回答 5查看 19.8K关注 0票数 17
代码语言:javascript
复制
<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>

我只想在前三个li(tab1,tab2,tab3)中添加onmouse over event。如何编写if条件。

EN

回答 5

Stack Overflow用户

发布于 2011-07-18 16:52:38

你不需要“如果”。使用选择器

代码语言:javascript
复制
$("ul li:first")
票数 2
EN

Stack Overflow用户

发布于 2021-05-28 21:02:10

使用.slice(startIndex, endIndex)

代码语言:javascript
复制
$("div").slice(0, 2).remove();
代码语言:javascript
复制
<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>

票数 2
EN

Stack Overflow用户

发布于 2016-10-13 21:54:02

您可以使用:nth-child(-n+{TARGET_NUMBER})

使用ul li:nth-child(-n+3)键选择前3个图元。

例如。

代码语言:javascript
复制
$('ul li:nth-child(-n+3)').mouseenter(function() {
    // your code goes here
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6730512

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档