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实现对下拉列表值进行排序的方法
Jul 15 Javascript
.NET微信公众号开发之创建自定义菜单
Jul 16 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
Dec 22 Javascript
JS实现改变HTML上文字颜色和内容的方法
Dec 30 Javascript
jQuery.parseHTML() 函数详解
Jan 09 Javascript
javascript中BOM基础知识总结
Feb 14 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
解决vue-cli + webpack 新建项目出错的问题
Mar 20 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
Jul 04 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Oct 25 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
Feb 13 Javascript
JS XMLHttpRequest原理与使用方法深入详解
Apr 30 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
DISCUZ 分页代码
2007/01/02 PHP
ThinkPHP实现将本地文件打包成zip下载
2014/06/26 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
isArray()函数(JavaScript中对象类型判断的几种方法)
2009/11/26 Javascript
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
使用javascript创建快捷方式的简单实例
2013/08/09 Javascript
处理及遍历XML文档DOM元素属性及方法整理
2013/08/23 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
使用jQuery操作HTML的table表格的实例解析
2016/03/13 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
2016/06/12 Javascript
对Js OOP编程 创建对象的一些全面理解
2016/07/26 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
关于AOP在JS中的实现与应用详解
2019/05/06 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
[04:11]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/01/30 DOTA
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
python简单鼠标自动点击某区域的实例
2019/06/25 Python
详解Python是如何实现issubclass的
2019/07/24 Python
python PIL模块的基本使用
2020/09/29 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
广州足迹信息技术有限公司Java软件工程师试题
2014/02/15 面试题
php优化查询foreach代码实例讲解
2021/03/24 PHP
财务会计人员求职的自我评价
2014/01/13 职场文书
大学毕业感言100字
2014/02/03 职场文书
局机关干部群众路线个人对照检查材料思想汇报
2014/10/05 职场文书
2014年妇委会工作总结
2014/12/10 职场文书
Java基础之线程锁相关知识总结
2021/06/30 Java/Android
Python爬虫入门案例之爬取二手房源数据
2021/10/16 Python
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技