jQuery遍历 filter()方法
Posted 仇大xai
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery遍历 filter()方法相关的知识,希望对你有一定的参考价值。
实例
改变所有 div 的颜色,然后向类名为 "middle" 的类添加边框:
$("div").css("background", "#c8ebcc")
.filter(".middle")
.css("border-color", "red");
定义和用法
filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。
语法
.filter(selector)
使用过滤函数
使用该方法的第二个形式是,通过函数而不是选择器来筛选元素。对于每个元素,如果该函数返回 true,则元素会被包含在已筛选集合中;否则,会排除这个元素。
请看下面这段稍显复杂的 html 片段:
<ul> <li><strong>list</strong> item 1 - one strong tag</li> <li><strong>list</strong> item <strong>2</strong> - two <span>strong tags</span></li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> <li>list item 6</li> </ul>
我们可以选取这些列表项,然后基于其内容来筛选它们:
$(‘li‘).filter(function(index) { return $(‘strong‘, this).length == 1; }).css(‘background-color‘, ‘red‘);
以上是关于jQuery遍历 filter()方法的主要内容,如果未能解决你的问题,请参考以下文章