filter(expr|obj|ele|fn)
最后更新于:2022-04-01 05:53:25
### 返回值:jQueryfilter(expr|obj|ele|fn)
### 概述
筛选出与指定表达式匹配的元素集合。
这个方法用于缩小匹配的范围。用逗号分隔多个表达式
### 参数
#### **expr**String*V1.0*
字符串值,包含供匹配当前元素集合的选择器表达式。
#### **jQuery object**object*V1.0*
现有的jQuery对象,以匹配当前的元素。
#### **element **Expression*V1.4*
一个用于匹配元素的DOM元素。
#### **function(index) **Function*V1.4*
一个函数用来作为测试元素的集合。它接受一个参数index,这是元素在jQuery集合的索引。在函数, this指的是当前的DOM元素。
### 示例
#### 参数selector描述:
保留带有select类的元素
##### HTML 代码:
~~~
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
~~~
##### jQuery 代码:
~~~
$("p").filter(".selected")
~~~
##### 结果:
~~~
[ <p class="selected">And Again</p> ]
~~~
#### 参数selector描述:
保留第一个以及带有select类的元素
##### HTML 代码:
~~~
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
~~~
##### jQuery 代码:
~~~
$("p").filter(".selected, :first")
~~~
##### 结果:
~~~
[ <p>Hello</p>, <p class="selected">And Again</p> ]
~~~
#### 回调函数 描述:
保留子元素中不含有ol的元素。
##### HTML 代码:
~~~
<p><ol><li>Hello</li></ol></p><p>How are you?</p>
~~~
##### jQuery 代码:
~~~
$("p").filter(function(index) {
return $("ol", this).length == 0;
});
~~~
##### 结果:
~~~
[ <p>How are you?</p> ]
~~~