jQuery filter() 方法

定义和用法

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

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

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

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

语法

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

参数

参数	必需的	描述
criteria	否	规定要从被选元素组合中返回的选择器表达式、jQuery 对象、一个或多个元素。提示：如需规定多个条件，请使用逗号分隔。
function(index)	否	为集合中的每个元素规定要运行的函数。如果返回 true，则保留元素，否则元素将被移除。 index - 集合中元素的 index 位置。注意：this 是当前的 DOM 元素。

实例

下例演示了返回类名为“intro”的所有<p>元素：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("p").filter(".intro");
    });
</script>
</head>
<body>
    <h1>欢迎访问蝴蝶教程</h1>
    <p>蝴蝶教程 (index 0).</p>
    <p class="intro">https://www.jc2182.com (index 1)。</p>
    <p>google (index 2).</p>
    <p class="intro">http://www.google.com (index 3)。</p>
</body>
</html>

尝试一下

定义和用法

语法

参数

实例

相关页面