jQuery filter() 方法

jQuery 遍历方法

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)指定用于测试集合中每个元素的函数
  • index-返回元素在集合中的索引位置

jQuery 遍历方法