最新的Web開發教程
 

jQuery遍歷 - 過濾


縮小搜索元素

這三個最基本的過濾方法是first(), last()eq()它允許您根據它的一組元素的位置選擇一個特定的元素。

其他過濾方法,如filter()not()允許您選擇匹配或不匹配,在一定條件的元素。


jQuery的first()方法

first()方法返回所選元素的第一要素。

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

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

jQuery的last()方法

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

以下示例選擇最後<p>最後一個元素中<div>元素:

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

jQuery的eq()方法

eq()方法返回與所選擇的元件的特定索引編號的元件。

該指數的數字從0開始的,所以第一個元素將有索引號是0而不是1以下示例選擇第二個<p>元素(索引號1):

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

jQuery的filter()方法

filter()方法可以讓你指定一個條件。 不匹配的條件的元素被從選擇中移除,而那些匹配將被返回。

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

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

jQuery的not()方法

not()方法返回一個不符合條件的所有元素。

提示: not()方法是相反的filter()

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

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

自測練習用!

練習1» 練習2» 練習3» 練習4» 練習5» 練習6»


jQuery的參考遍歷

對於所有的jQuery遍歷方法完整概述,請訪問我們的jQuery遍歷參考