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 相关文章推荐
DB.ASP 用Javascript写ASP很灵活很好用很easy
Jul 31 Javascript
js清除input中type等于file的值域(示例代码)
Dec 24 Javascript
jquery分页对象使用示例
Apr 01 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
IE6 hack for js 集锦
Sep 23 Javascript
JavaScript实现三阶幻方算法谜题解答
Dec 29 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
Dec 21 Javascript
详解AngularJS ng-class样式切换
Jun 27 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
Nov 16 Javascript
Vue图片裁剪组件实例代码
Jul 02 Vue.js
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学习 计数器实例代码
2008/06/15 PHP
PHP设计模式之装饰者模式
2012/02/29 PHP
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
PHP验证码无法显示的原因及解决办法
2017/08/11 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
2012/02/23 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
jquery插件推荐浏览器嗅探userAgent
2014/11/09 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
AngularJS+Node.js实现在线聊天室
2015/08/28 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
NodeJs——入门必看攻略
2016/06/27 NodeJs
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
Angularjs 事件指令详细整理
2017/07/27 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
2019/06/13 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
JS实现音乐导航特效
2020/01/06 Javascript
Python脚本简单实现打开默认浏览器登录人人和打开QQ的方法
2016/04/12 Python
浅析Python中else语句块的使用技巧
2016/06/16 Python
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
解决python给列表里添加字典时被最后一个覆盖的问题
2019/01/21 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
django在开发中取消外键约束的实现
2020/05/20 Python
浅析Python __name__ 是什么
2020/07/07 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
一波HTML5 Canvas基础绘图实例代码集合
2016/02/28 HTML / CSS
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
大学生简单自荐信
2013/11/10 职场文书
婚假请假条怎么写
2014/04/10 职场文书
工商管理专业毕业生求职信
2014/05/26 职场文书
Pygame如何使用精灵和碰撞检测
2021/11/17 Python
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers