javascript - 隐藏一定数量的列表对象

标签 javascript jquery html

我在页面上有多个具有相同结构的列表对象: 示例:

<div class="mainWrapper">
<div class="listWrapper">
<ul>
<li>Object One</li>
<li>Object Two</li>
<li>Object Three</li>
<li>Object four</li>
<li>Object five</li>
</ul>
</div>
<div class="listWrapper">
<ul>
<li>Object One</li>
<li>Object Two</li>
<li>Object Three</li>
<li>Object four</li>
<li>Object five</li>
</ul>
</div>
</div>

使用 jQuery,我如何设置它,以便对于每个列表,每个列表中仅显示前 3 个对象,其余的则隐藏?

最佳答案

您可以使用 :gt() 伪选择器来选择索引大于匹配集中索引的所有元素。

$('.listWrapper').find('li:gt(2)').hide();

<强> Demo

关于javascript - 隐藏一定数量的列表对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9012759/

相关文章:

javascript - 刷新页面而不丢失cakephp中的复选框信息

Jquery/CSS "Fan Out"动画

javascript - 我正在制作一个循环的连续图像 slider ,但我无法很好地过渡

jquery - 如何将事件菜单项聚焦在侧边栏中?

javascript - 使用 Gson 将 Javascript/Json 日期字符串转换为 Java 日期

javascript - Chart.js 在折线图和 yAxis 单位标题周围添加边框 ([s])

javascript - 这个函数的性能可以变得更快吗?

Javascript正则表达式选择第一个冒号和可选的行尾或第二个冒号之间的文本

javascript - 使用 javascript/jquery 从 Web 表单动态添加(和删除)一组文本元素

javascript - Jquery中有内置方法吗?