jQuery filter() 方法

最后更新于:2022-03-26 22:51:43

jQuery filter() 方法

jQuery filter() 方法 jQuery
遍历方法

实例

返回带有类名 “intro” 的所有 <p> 元素:

$(“p”).filter(“.intro”)

尝试一下 »


定义和用法

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

该方法让您规定一个条件。不符合条件的元素将从选择中移除,符合条件的元素将被返回。

该方法通常用于缩小在被选元素组合中搜索元素的范围。

提示:filter() 方法是与
not() 方法相对的。


语法

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

参数 描述
criteria 可选。规定要从被选元素组合中返回的选择器表达式、jQuery 对象、一个或多个元素。

提示:如需规定多个条件,请使用逗号分隔。

function(index) 可选。为集合中的每个元素规定要运行的函数。如果返回 true,则保留元素,否则元素将被移除。

  • index – 集合中元素的 index 位置。

注意: this 是当前的 DOM 元素。

实例

更多实例


返回所有偶数号的 <p> 元素

使用 :even 选择器和 filter() 来返回所有偶数号的 <p> 元素。


多个条件

如何返回 class 为 “intro” 和 id 为 “outro” 的所有 <p> 元素。

使用 jQuery 对象
如何通过 jQuery 对象返回 <div> 元素内 class 为 “intro” 的所有 <p> 元素。

DOM
如何通过 DOM 元素返回 id 为 “intro” 的一个 <p> 元素。


使用函数

如何使用函数来选取拥有两个 <span> 元素在其内的所有 <p> 元素。


jQuery filter() 方法 jQuery
遍历方法