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 相关文章推荐
JavaScript 无符号右移运算符
Apr 17 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
Jun 06 Javascript
JavaScript中实现最高效的数组乱序方法
Oct 11 Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 Javascript
属于你的jQuery提示框(Tip)插件
Jan 20 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
javascript算法之二叉搜索树的示例代码
Sep 12 Javascript
Vue v2.5 调整和更新不完全问题
Oct 24 Javascript
记React connect的几种写法(小结)
Sep 18 Javascript
详解js创建对象的几种方法及继承
Apr 12 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 pcntl_fork和pcntl_fork 的用法
2009/04/13 PHP
从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
2014/08/20 PHP
PHP中的事务使用实例
2015/05/26 PHP
PHP如何通过带尾指针的链表实现'队列'
2020/10/22 PHP
Aster vs Newbee BO3 第三场2.18
2021/03/10 DOTA
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
IE8下String的Trim()方法失效的解决方法
2013/11/08 Javascript
innerHTML在IE中报错解决方案
2014/12/15 Javascript
jquery简单图片切换显示效果实现方法
2015/01/14 Javascript
jQuery实现的Div窗口震动效果实例
2015/08/07 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
Javascript实现图片不间断滚动的代码
2016/06/22 Javascript
原生js实现回复评论功能
2017/01/18 Javascript
vue项目中v-model父子组件通信的实现详解
2017/12/10 Javascript
在微信小程序里使用watch和computed的方法
2018/08/02 Javascript
JS使用正则表达式判断输入框失去焦点事件
2019/10/16 Javascript
Vue中使用JsonView来展示Json树的实例代码
2020/11/16 Javascript
编写Python脚本来获取mp3文件tag信息的教程
2015/05/04 Python
对django xadmin自定义菜单的实例详解
2019/01/03 Python
详解python tkinter教程-事件绑定
2019/03/28 Python
python Pandas如何对数据集随机抽样
2019/07/29 Python
Python+OpenCv制作证件图片生成器的操作方法
2019/08/21 Python
Python多线程获取返回值代码实例
2020/02/17 Python
Python 实现一个计时器
2020/07/28 Python
python爬虫 requests-html的使用
2020/11/30 Python
深圳茁壮笔试题
2015/05/28 面试题
办公室文秘自我鉴定
2013/09/21 职场文书
办理护照介绍信
2014/01/16 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
感恩教育月活动总结
2014/07/07 职场文书
应聘护士求职信
2014/07/21 职场文书
写字楼租赁意向书
2014/07/30 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang
Lakehouse数据湖并发控制陷阱分析
2022/03/31 Oracle