您的位置：名动网 > jquery filter方法 jQuery filter() 方法

jquery filter方法 jQuery filter() 方法

2023-03-16 02:20 jQuery教程

jquery filter方法

jQuery filter 方法是 jQuery 中的一个非常有用的方法，它可以帮助我们快速地筛选出符合条件的元素。它可以接受一个函数作为参数，这个函数会对每一个元素进行测试，如果测试通过，则将该元素保留在新的 jQuery 对象中。

$("div").filter(function(){
    return $(this).attr("id") == "myDiv";
});

上面的代码将会返回所有 id 为 myDiv 的 div 元素。filter 方法也可以接受一个字符串作为参数，字符串中包含了要匹配的属性和值，如果元素中包含了这些属性和值，则会被保留在新的 jQuery 对象中。

$("div").filter("[id='myDiv']");  // 返回所有 id 为 myDiv 的 div 元素

jQuery 遍历方法

返回带有类名 "intro" 的所有 元素：

$("p").filter(".intro")

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

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

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

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

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

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

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

多个条件
如何返回 class 为 "intro" 且 id 为 "outro" 的所有 元素。

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

DOM
如何通过 DOM 元素返回 id 为 "intro" 的一个 元素。

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

jQuery 遍历方法

阅读全文

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。

jquerynot方法 jQuery not() 方法

2023-03-16 jQuery教程

jQuery not() 方法jQuery 遍历方法实例返回不带有类名 intro 的所有 p 元素：$(p).not(.intro)定义和用法 not() 方法返回不符合...
jquery选择器not jQuery :enabled 选择器

2023-04-27 jQuery教程

jQuery 选择器参考手册实例选择所有启用的 input 和 button 元素：$(:enabled)亲自试一试定义和用法:enabled 选择器选取所有启用...
jquery .after jQuery 文档操作 - after() 方法

2023-05-31 jQuery教程

jQuery 文档操作参考手册实例在每个 p 元素后插入内容：$(button).click(function(){$(p).after(pHello world!/p);});亲自试一试...
jquery beforesend jQuery 文档操作 - before() 方法

2023-04-04 jQuery教程

jQuery 文档操作参考手册实例在每个 p 元素前插入内容：$(button).click(function(){$(p).before(pHello world!/p);});亲自试一...
jquery 属性 jQuery 属性操作 - hasClass() 方法

2023-03-25 jQuery教程

jQuery 属性操作参考手册实例检查第一个 p 元素是否包含 intro 类：$(button).click(function(){alert($(p:first).hasClass(intr...