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

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值的元素。