jQuery 遍歷 – 過(guò)濾

2021-12-14 13:52 更新

縮小搜索元素的范圍

三個(gè)最基本的過(guò)濾方法是:first(), last() 和 eq(),它們?cè)试S您基于其在一組元素中的位置來(lái)選擇一個(gè)特定的元素。

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


jQuery first() 方法

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

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

實(shí)例

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

嘗試一下 ?


jQuery last() 方法

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

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

實(shí)例

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

嘗試一下 ?


jQuery eq() 方法

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

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

實(shí)例

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

嘗試一下 ?


jQuery filter() 方法

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

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

實(shí)例

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

嘗試一下 ?


jQuery not() 方法

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

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

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

實(shí)例

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

嘗試一下 ?


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)