jquery siblings获取同辈元素用法实例分析


Posted in Javascript onJuly 25, 2016

本文实例讲述了jquery siblings获取同辈元素用法。分享给大家供大家参考,具体如下:

jquery siblings 用于获得匹配集合中每个元素的同胞。

语法:

.siblings(selector)

注:可以通过后面的可选参数选择器(selector)进行进一步筛选。

示例:

找到每个div的所有同辈元素。

<p>Hello</p>
<div>
  <span>3water.com</span>
</div>
<p>How are you!</p>
$("div").siblings().html();

结果将输出:

<p>Hello</p>
<p>How are you!</p>

示例:

找到每个div的所有同辈元素中带有类名为selected的元素。

<div>
<span>Hello</span>
</div>
<p class="selected">3water.com</p>
<p>How are you!</p>
$("div").siblings(".selected").html();

结果将输出:

<p class="selected">3water.com</p>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
解放web程序员的输入验证
Oct 06 Javascript
JavaScript 计算当天是本年本月的第几周
Mar 22 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
JavaScript中常见获取元素的方法汇总
Mar 04 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
Jul 17 Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 Javascript
使用jQuery给input标签设置默认值
Jun 20 Javascript
jQuery 特性操作详解及实例代码
Sep 29 Javascript
通过jsonp获取json数据实现AJAX跨域请求
Jan 22 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
AngularJS实现动态切换样式的方法分析
Jun 26 Javascript
从vue源码看props的用法
Jan 09 Javascript
js动态添加的DIV中的onclick事件简单实例
Jul 25 #Javascript
js微信分享API
Oct 11 #Javascript
jQuery简单注册和禁用全局事件的方法
Jul 25 #Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
Jul 25 #Javascript
Javascript的比较汇总
Jul 25 #Javascript
[原创]jQuery常用的4种加载方式分析
Jul 25 #Javascript
JS仿百度自动下拉框模糊匹配提示
Jul 25 #Javascript
You might like
PHP编程网上资源导航
2006/10/09 PHP
php导出word格式数据的代码实例
2013/11/25 PHP
PHP的Json中文处理解决方案
2016/09/29 PHP
详解PHP原生DOM对象操作XML的方法
2016/10/17 PHP
PHP 年月日的三级联动实例代码
2017/05/24 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
用javascript操作xml
2006/11/04 Javascript
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
2012/12/09 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
javascript 控制input只允许输入的各种指定内容
2014/06/19 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
2016/05/10 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
jquery+html仿翻页相册功能
2016/12/20 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
Vue 中axios配置实例详解
2018/07/27 Javascript
vuex直接赋值的三种方法总结
2018/09/16 Javascript
js实现导航跟随效果
2018/11/17 Javascript
Element Rate 评分的使用方法
2020/07/27 Javascript
Node.JS如何实现JWT原理
2020/09/18 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
python实现ipsec开权限实例
2014/11/11 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
python中找出numpy array数组的最值及其索引方法
2018/04/17 Python
python生成器推导式用法简单示例
2019/10/08 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
康帕斯酒店预订:Compass Hospitality(支持中文)
2018/08/23 全球购物
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
名人演讲稿范文
2013/12/28 职场文书
高中英语教学反思
2014/02/04 职场文书
班长演讲稿范文
2014/04/24 职场文书
大学生励志演讲稿
2014/04/25 职场文书
保险公司演讲稿
2014/09/02 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书