jQuery 遍歷 過濾

1. 縮小搜索元素的范圍

三個(gè)最基本的過濾方法是：first(), last() 和 eq()，它們允許您基于其在一組元素中的位置來選擇一個(gè)特定的元素。

其他過濾方法，比如 filter() 和 not() 允許您選取匹配或不匹配某項(xiàng)指定標(biāo)準(zhǔn)的元素。

2. jQuery first() 方法

first() 方法返回被選元素的首個(gè)元素。

下面的例子選取首個(gè) <div> 元素內(nèi)部的第一個(gè) <p> 元素：

范例

$(document).ready(function(){
  $("div p").first();
});

3. jQuery last() 方法

last() 方法返回被選元素的最后一個(gè)元素。

下面的例子選擇最后一個(gè) <div> 元素中的最后一個(gè) <p> 元素：

范例

$(document).ready(function(){
  $("div p").last();
});

4. jQuery eq() 方法

eq() 方法返回被選元素中帶有指定索引號的元素。

索引號從 0 開始，因此首個(gè)元素的索引號是 0 而不是 1。下面的例子選取第二個(gè) <p> 元素（索引號 1）：

范例

$(document).ready(function(){
  $("p").eq(1);
});

5. jQuery filter() 方法

filter() 方法允許您規(guī)定一個(gè)標(biāo)準(zhǔn)。不匹配這個(gè)標(biāo)準(zhǔn)的元素會被從集合中刪除，匹配的元素會被返回。

下面的例子返回帶有類名 "intro" 的所有 <p> 元素：

范例

$(document).ready(function(){
  $("p").filter(".intro");
});

6. jQuery not() 方法

not() 方法返回不匹配標(biāo)準(zhǔn)的所有元素。

提示：not() 方法與 filter() 相反。

下面的例子返回不帶有類名 "intro" 的所有 <p> 元素：

范例

$(document).ready(function(){
  $("p").not(".intro");
});