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