jQuery 遍历 - siblings() 方法
来源:互联网 发布:js 大于等于 编辑:程序博客网 时间:2024/05/17 05:59
jQuery 遍历 - siblings() 方法
jQuery 遍历参考手册
实例
查找每个 p 元素的所有类名为 "selected" 的所有同胞元素:
$("p").siblings(".selected")
亲自试一试
定义和用法
siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。
语法
.siblings(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 树的特定层级上的所有元素时,记住一点很重要。
0 0
- jQuery 遍历 - siblings() 方法
- jQuery 遍历 - siblings() 方法
- jQuery 遍历 - siblings() 方法
- jQuery 遍历 - eq() 和siblings() 方法
- jquery遍历函数siblings()
- jquery遍历函数siblings()
- jquery遍历函数siblings()
- jquery遍历-siblings()
- jQuery 遍历 - 同胞(siblings)
- jQuery遍历之siblings()
- jQuery基础教程之DOM操作-遍历节点-siblings()方法
- Jquery 之siblings()方法
- jQuery siblings() 方法
- Jquery学习之siblings方法
- jQuery 遍历 - 同层方法siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil()(二十四)
- 知识点六:jQuery遍历-同胞Siblings(), next(), nextAll()
- siblings() 方法
- siblings()遍历同胞元素
- 金融的魅力
- android AsyncTask的参数理解
- 工厂方法模式
- Fragment生命周期
- 断开SQLSERVER数据库的所有连接
- jQuery 遍历 - siblings() 方法
- 正则表达式 学习手册 一
- 第39课第五题
- smb(Server Message Block)协议名
- 深入解析AsyncTask
- NOJ Fibonacci数
- 充满梦想的FTP探索之旅(一)FTP服务器Serv-u配置
- IEEE论文格式要求
- Android 中文 API—— AsyncTask