jQuery 遍历

2024-06-15 22:31| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程浏览器脚本服务器脚本编程教程 XML 系列教程建站手册参考手册 jQuery 教程 jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 隐藏/显示 jQuery 淡入淡出 jQuery 滑动 jQuery 动画 jQuery stop() jQuery Callback jQuery Chaining jQuery HTML jQuery 获取 jQuery 设置 jQuery 添加 jQuery 删除 jQuery CSS 类 jQuery css() jQuery 尺寸 jQuery 遍历 jQuery 遍历 jQuery 祖先 jQuery 后代 jQuery 同胞 jQuery 过滤 jQuery AJAX jQuery AJAX 简介 jQuery 加载 jQuery Get/Post jQuery 杂项 jQuery noConflict() jQuery 实例 jQuery 实例 jQuery 测验 jQuery 参考手册 jQuery 参考手册 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 文档操作 jQuery 属性操作 jQuery CSS 操作 jQuery Ajax jQuery 遍历 jQuery 数据 jQuery DOM 元素 jQuery 核心 jQuery 属性 jQuery 遍历 - filter() 方法

jQuery 遍历参考手册

实例

改变所有 div 的颜色，然后向类名为 "middle" 的类添加边框：

$("div").css("background", "#c8ebcc") .filter(".middle") .css("border-color", "red");

亲自试一试

定义和用法

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

语法 .filter(selector) 参数描述 selector 字符串值，包含供匹配当前元素集合的选择器表达式。详细说明

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

请思考下面这个拥有简单列表的页面：

list item 1 list item 2 list item 3 list item 4 list item 5 list item 6

我们可以向这个列表项集合应用该方法：

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

亲自试一试

此调用的结果是将项目 1, 3, 5 的背景设置为红色，这是因为它们都匹配选择器（回忆一下，:even 和 :odd 均使用基于 0 的 index）。

使用过滤函数

使用该方法的第二个形式是，通过函数而不是选择器来筛选元素。对于每个元素，如果该函数返回 true，则元素会被包含在已筛选集合中；否则，会排除这个元素。

请看下面这段稍显复杂的 HTML 片段：

list item 1 - one strong tag list item 2 - two strong tags list item 3 list item 4 list item 5 list item 6

我们可以选取这些列表项，然后基于其内容来筛选它们：

$('li').filter(function(index) { return $('strong', this).length == 1; }).css('background-color', 'red');

jQuery 遍历参考手册

jQuery 参考手册 jQuery 测验

关于 W3School 帮助 W3School 使用条款隐私条款技术支持：赢科蒙ICP备06004630号

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章