Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery filter() 方法

❮ jQuery 遍历方法

示例

返回所有 class 名为 "intro" 的 <p> 元素

$("p").filter(".intro")
亲自试一试 »

定义和用法

filter() 方法返回匹配特定条件的元素。

此方法允许您指定条件。不匹配条件的元素将从选择集中移除,而匹配的元素将被返回。

此方法通常用于缩小在一组已选元素中搜索元素的范围。

提示:filter() 方法与 not() 方法相反。


语法

$(选择器).filter(条件,函数(索引))

参数 描述
条件 可选。指定一个选择器表达式、一个 jQuery 对象或一个或多个要从一组已选元素中返回的元素。

提示:要指定多个条件,请使用逗号。
函数(索引 可选。指定一个对集合中每个元素运行的函数。 如果返回 true,则保留该元素。否则,将移除该元素。
  • 索引 - 元素在集合中的索引位置
注意: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 遍历方法

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.