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()方法的主要内容,如果未能解决你的问题,请参考以下文章

数组-forEach 遍历 / filter 过滤 / map 替换

jQuery 遍历 – 过滤

jQuery - 关于“nextWhile”遍历的建议?

模仿jQuery的filter方法

Jquery filter()方法简介

几个有用的JavaScript/jQuery代码片段(转)