首页 > Web开发 > 详细

jquery.filter() 实现元素前3个显示,其余隐藏

时间:2019-09-19 16:21:00      阅读:128      评论:0      收藏:0      [点我收藏+]

1.dom元素如下

<ul>

<li class="info">1</li>
<li>2</li>
<li class="info">3</li>
<li class="info">4</li>
<li>5</li>
<li>6</li>

</ul>

 

2.实现步骤

// 实现前3个元素显示 其余隐藏

$("li").filter(":lt(3)").show().end().filter(":gt(2)").hide()

// filter() 返回匹配的元素

$("li").filter(".info").show(); // 1 3 4 显示

// not() 返回不匹配的元素

$("li").not(".info").show() // 2 5 6显示

 

解析:

index值从 0 开始。

:lt(index)   选取带有小于指定 index 值的元素。

:gt(index)  选取 带有大于指定index值的元素。

 

jquery.filter() 实现元素前3个显示,其余隐藏

原文:https://www.cnblogs.com/wangking/p/11550444.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!