分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jQuery遍历 filter()方法

发布时间:2023-09-06 01:51责任编辑:白小东关键词:jQuery遍历

实例

改变所有 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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved