filter()方法返回与特定条件匹配的元素。
filter()方法过滤掉所有不符合所选条件的元素,并且将返回那些匹配项。
filter()方法与not()方法相反。
获取符合特定条件的元素:
$(selector).filter(criteria)
使用函数获取元素:
$(selector).filter(function(index))
返回所有类名为“ demo”的段落:
$(document).ready(function(){ $("p").filter(".demo").css("background", "coral"); });测试看看‹/›
返回所有偶数项:
$(document).ready(function(){ $("li").filter(":even").css("background", "coral"); });测试看看‹/›
更改所有div的颜色;然后为带有“middle”类的用户添加边框样式:
$(document).ready(function(){ $("div").css("background", "#c8ebcc").filter(".middle").css("border-color", "red"); });测试看看‹/›
使用函数过滤掉元素:
$(document).ready(function(){ $("div").filter(function(i){ return $(this).hasClass("middle"); }).css("background-color", "blue"); });测试看看‹/›
参数 | 描述 |
---|---|
criteria | 指定一个选择器表达式,一个jQuery对象或一个或多个从一组选定元素中返回的元素。 要指定多个条件,请使用逗号 |
function(index) | 指定用于测试集合中每个元素的函数
|