filter和find区别,元素遍历
2024-10-19 16:43:23
转
filter和find区别
find()会在当前指定元素中查找符合条件的子元素,是对它的子集操作,而filter()则是在当前指定的元素集合中查找符合条件的元素,是对自身集合元素进行筛选。
HTML代码:
1 |
<div class="benben"> |
jQuery代码:
1 |
<script type="text/javascript"> |
遍历节点
1,.children()获取所有子元素
2,next() 匹配元素后面紧邻的同辈元素
3,prev()匹配元素前面紧邻的同辈元素
4,siblings()取得匹配元素前后所有的同辈元素
请思考这个带有基本的嵌套列表的页面:
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li class="third-item">list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
如果我们从第三个项目开始,则可找到该元素的同胞元素:
$('li.third-item').siblings()
.css('background-color', 'red');
此处调用的结果是将项目 1、2、4 和 5 的背景设置为红色。 设置为红色背景。由于我们未应用选择器表达式,所有同胞元素很自然地成为了对象的一部分。如果已应用选择器,则只会包含四个列表中的匹配的项目。
原始元素不包含在同胞元素中,当我们打算找到 DOM 树的特定层级上的所有元素时,记住一点很重要。
最新文章
- MySQL5.6 GTID新特性实践
- java中的tuple实现
- svn利用钩子实现代码同步到web目录
- javascript获取对象中的属性及值
- 多线程并发流程控制之dispatch_group 有关函数
- 轻量级开源内存数据库SQLite性能测试
- 转:关于数据库压缩技术的Survey
- 【C++继承与派生之二】有子对象的派生类的构造函数
- Struts2学习第一天——struts2基本流程与配置
- 提高 webpack 构建 Vue 项目的速度
- Java学习笔记18(Object类)
- POJ-2570 Fiber Network---Floyd+二进制表示集合
- Guava 教程2-深入探索 Google Guava 库
- 如何在IIS上发布网站 在阿里云服务器windows server2012r iis上部署.net网站
- day44前端开发1之html基础
- IOS绘图的核心步骤
- 为gitlab10.x增加使用remote_user HTTP头的方式登录
- var_dump() 格式化输出 | 显示不全
- 38. Count and Say (String; DP)
- SNP问题大集锦