jQuery 遍历 - siblings() 方法
2024-09-30 13:50:48
本文来自:http://www.w3school.com.cn/jquery/traversing_siblings.asp
定义和用法
siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。
语法
.siblings(selector)
参数 | 描述 |
---|---|
selector | 字符串值,包含用于匹配元素的选择器表达式。 |
详细说明
如果给定一个表示 DOM 元素集合的 jQuery 对象,.siblings() 方法允许我们在 DOM 树中搜索这些元素的同胞元素,并用匹配元素构造一个新的 jQuery 对象。
该方法接受可选的选择器表达式,与我们向 $() 函数中传递的参数类型相同。如果应用这个选择器,则将通过检测元素是否匹配该选择器对元素进行筛选。
请思考这个带有基本的嵌套列表的页面:
<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 树的特定层级上的所有元素时,记住一点很重要。
最新文章
- 重温JSP学习笔记--三大指令九大内置对象
- I/O 请求数据包
- DSO动态加载PHP模块到Apache服务器
- Maven+druid+MyBatis+Spring+Oracle+Dubbo开发环境搭建
- impdp导入job
- fifter过滤器
- VM安装mac及dmg文件转换iso
- C++学习网站
- jQuery图片懒加载lazyload插件
- Microsoft Office 2010 Pro VOL简体中文正式版
- iPhone / iPad L2TP Client Setup
- Window应急响应(一):FTP暴力破解
- LR中的迭代次数设置
- 《图解 HTTP 》阅读 —— 第四章
- bzoj 2763: [JLOI2011]飞行路线 -- 分层图最短路
- SpringMVC札集(04)——SpringMVC传递参数
- a链接传参的方法
- 20169219 SEED SQL注入实验
- jzoj5195. 【NOIP2017提高组模拟7.3】A(递推,打表)
- ios -生成推广海报