jquery filter() 方法
来源:互联网 发布:安神助眠的药 知乎 编辑:程序博客网 时间:2024/06/01 19:56
定义和用法
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');
- jquery filter() 方法
- jQuery 遍历 - filter() 方法
- jQuery.filter()方法的使用
- 从jquery的.filter()方法想到的
- jQuery中filter() 方法的使用
- Jquery中的has、find、filter方法区别
- jquery方法find和filter的区别
- 【jquery】find() 方法,filter()方法和children()方法
- Jquery Filter
- jQuery中find()方法和filter()方法的区别
- jQuery基础教程之DOM操作-遍历节点-filter()方法
- [jq]jquery的has,find和filter方法的区别
- jQuery中find()方法、children方法、filter()方法的区别分析
- 解说jquery的has()方法以及与find()方法以及filter()方法的区别
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- jQuery 中的filter 运用
- JQuery - Hyperlink Filter
- Jquery-find filter区别
- 在Linux的文本模式下发送带附件的电子邮件
- 一次删除数据库中所有表和存储过程
- 开发相关网址收集
- Hadoop基本流程与应用开发
- 解释器模式 详解
- jquery filter() 方法
- using的几种用法
- android 客户端调用webservice 读取xml文件实现登录
- 不要挑战用户的心理底线
- applicationContext.xml配置文件的读取
- 动态代理
- 对Java初学者说的话
- 分页存储过程
- 74 Open Source VoIP Apps & Resources