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");
});