1. 程式人生 > >jQuery 遍歷 - 過濾

jQuery 遍歷 - 過濾

jQuery 遍歷- 過濾

縮小搜尋元素的範圍

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

其他過濾方法,比如 filter() 和 not() 允許您選取匹配或不匹配某項指定標準的元素。

jQuery first() 方法

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

下面的例子選取首個 <div> 元素內部的第一個 <p> 元素:

例項

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

jQuery last() 方法

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

下面的例子選擇最後一個 <div> 元素中的最後一個 <p> 元素:

例項

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

jQuery eq() 方法

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

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

例項

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

jQuery filter() 方法

filter() 方法允許您規定一個標準。不匹配這個標準的元素會被從集合中刪除,匹配的元素會被返回。

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

例項

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

jQuery not() 方法

not() 方法返回不匹配標準的所有元素。

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

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

例項

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