jquery filter() 方法

最新推荐文章于 2022-07-17 20:55:35 发布

夏加儿

最新推荐文章于 2022-07-17 20:55:35 发布

阅读量555

点赞数

分类专栏：文章文章标签： jquery filter function html 测试

本文链接：https://blog.csdn.net/xiajiaer/article/details/7469639

版权

文章专栏收录该内容

4 篇文章 0 订阅

订阅专栏

定义和用法

filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。

详细说明

如果给定表示 DOM 元素集合的 jQuery 对象，.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素；所有匹配该选择器的元素都会包含在结果中。

例：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul>

<script>
$('li').filter(':even').css('background-color', 'red');
</script>

</body>
</html>

显示：

使用过滤函数

使用该方法的第二个形式是，通过函数而不是选择器来筛选元素。对于每个元素，如果该函数返回 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');

夏加儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery filter() 方法

定义和用法filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。详细说明如果给定表示 DOM 元素集合的 jQuery 对象，.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素；所有匹配该选择器的元素都会包含在结果中。例： list item 1 list item 2
复制链接

扫一扫