filter()方法返回與特定條件匹配的元素。
filter()方法過濾掉所有不符合所選條件的元素,并且將返回那些匹配項。
filter()方法與not()方法相反。
獲取符合特定條件的元素:
$(selector).filter(criteria)
使用函數(shù)獲取元素:
$(selector).filter(function(index))
返回所有類名為“ demo”的段落:
$(document).ready(function(){ $("p").filter(".demo").css("background", "coral"); });測試看看?/?
返回所有偶數(shù)項:
$(document).ready(function(){ $("li").filter(":even").css("background", "coral"); });測試看看?/?
更改所有div的顏色;然后為帶有“middle”類的用戶添加邊框樣式:
$(document).ready(function(){ $("div").css("background", "#c8ebcc").filter(".middle").css("border-color", "red"); });測試看看?/?
使用函數(shù)過濾掉元素:
$(document).ready(function(){ $("div").filter(function(i){ return $(this).hasClass("middle"); }).css("background-color", "blue"); });測試看看?/?
參數(shù) | 描述 |
---|---|
criteria | 指定一個選擇器表達(dá)式,一個jQuery對象或一個或多個從一組選定元素中返回的元素。 要指定多個條件,請使用逗號 |
function(index) | 指定用于測試集合中每個元素的函數(shù)
|