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 相关文章推荐
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
Jan 19 Javascript
基于javascript实现泡泡大冒险网页版小游戏
Mar 23 Javascript
JS匹配日期和时间的正则表达式示例
May 12 Javascript
js获取一组日期中最近连续的天数
May 25 Javascript
详解Vue 2.0封装axios笔记
Jun 22 Javascript
Vue中的混入的使用(vue mixins)
Jun 01 Javascript
在vue中使用公共过滤器filter的方法
Jun 26 Javascript
JavaScript类的继承操作实例总结
Dec 20 Javascript
jQuery each和js forEach用法比较
Feb 27 jQuery
vue登录以及权限验证相关的实现
Oct 25 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
Aug 03 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
PHPShop存在多个安全漏洞
2006/10/09 PHP
PHP写MySQL数据 实现代码
2009/06/15 PHP
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
JSON 数据格式介绍
2012/01/13 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
2013/04/16 Javascript
jquery validate在ie8下的bug解决方法
2013/11/13 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
2014/07/01 Javascript
jquery控制页面部分刷新的方法
2015/06/24 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
JS对象深度克隆实例分析
2017/03/16 Javascript
js实现登录与注册界面
2017/11/01 Javascript
快速解决vue在ios端下点击响应延时的问题
2018/08/27 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
2020/08/28 Javascript
Vue实现菜单切换功能
2020/11/08 Javascript
在Linux中通过Python脚本访问mdb数据库的方法
2015/05/06 Python
Python计算三角函数之asin()方法的使用
2015/05/15 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
python 三种方法实现对Excel表格的读写
2020/11/19 Python
美国床垫和床上用品公司:Nest Bedding
2017/06/12 全球购物
德国购买健身器材:AsVIVA
2017/08/09 全球购物
奥地利网上现代灯具和灯饰店:Lampenwelt.at
2018/01/29 全球购物
瑞典度假品牌:OAS
2019/05/28 全球购物
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
南京某公司笔试题
2013/01/27 面试题
银行财务部实习生的自我鉴定
2013/11/27 职场文书
结构工程个人自荐信范文
2013/11/30 职场文书
市委常委会班子党的群众路线教育实践活动整改方案
2014/10/25 职场文书
自主招生自荐信范文
2015/03/04 职场文书
入党介绍人考察意见
2015/06/01 职场文书
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
仅用几行Python代码就能复制她的U盘文件?
2021/06/26 Python