首页 > Web开发 > 详细

jQuery遍历 filter()方法

时间:2018-04-27 10:47:13      阅读:176      评论:0      收藏:0      [点我收藏+]

实例

改变所有 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()方法

原文:https://www.cnblogs.com/qiu2841/p/8961025.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!