jQuery filter() 方法

2018-11-21 14:16 更新

jQuery filter() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實(shí)例

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

$("p").filter(".intro")

嘗試一下 ?

定義和用法

filter() 方法返回符合一定條件的元素。

該方法讓您規(guī)定一個(gè)條件。不符合條件的元素將從選擇中移除,符合條件的元素將被返回。

該方法通常用于縮小在被選元素組合中搜索元素的范圍。

提示:filter() 方法是與 not() 方法相對(duì)的。


語(yǔ)法

$(selector).filter(criteria,function(index))

參數(shù) 描述
criteria 可選。規(guī)定要從被選元素組合中返回的選擇器表達(dá)式、jQuery 對(duì)象、一個(gè)或多個(gè)元素。

提示:如需規(guī)定多個(gè)條件,請(qǐng)使用逗號(hào)分隔。
function(index) 可選。為集合中的每個(gè)元素規(guī)定要運(yùn)行的函數(shù)。如果返回 true,則保留元素,否則元素將被移除。
  • index - 集合中元素的 index 位置。
注意: this 是當(dāng)前的 DOM 元素。

實(shí)例

更多實(shí)例

返回所有偶數(shù)號(hào)的 <p> 元素
使用 :even 選擇器和 filter() 來(lái)返回所有偶數(shù)號(hào)的 <p> 元素。

多個(gè)條件
如何返回 class 為 "intro" 且 id 為 "outro" 的所有 <p> 元素。

使用 jQuery 對(duì)象
如何通過(guò) jQuery 對(duì)象返回 <div> 元素內(nèi) class 為 "intro" 的所有 <p> 元素。

DOM
如何通過(guò) DOM 元素返回 id 為 "intro" 的一個(gè) <p> 元素。

使用函數(shù)
如何使用函數(shù)來(lái)選取擁有兩個(gè) <span> 元素在其內(nèi)的所有 <p> 元素。


jQuery 遍歷方法 jQuery 遍歷方法

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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)