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 相关文章推荐
JSON辅助格式化处理方法
Mar 26 Javascript
jQuery简单实现网页选项卡特效
Nov 24 Javascript
初步使用Node连接Mysql数据库
Mar 03 Javascript
Jquery实现$.fn.extend和$.extend函数
Apr 14 Javascript
JS组件Bootstrap Table布局详解
May 27 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
Dec 14 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
Dec 30 Javascript
基于React实现表单数据的添加和删除详解
Mar 14 Javascript
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
Jul 31 Javascript
微信小程序网络封装(简单高效)
Aug 06 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 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实现蜘蛛访问日志统计
2013/07/05 PHP
php jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
Javascript 获取字符串字节数的多种方法
2009/06/02 Javascript
js 一个关于图片onload加载的事
2013/11/10 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
JavaScript数据结构与算法之链表
2016/01/29 Javascript
Bootstrap学习笔记之css样式设计(2)
2016/06/07 Javascript
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
Python中使用PIPE操作Linux管道
2015/02/04 Python
深入理解python对json的操作总结
2017/01/05 Python
Python双向循环链表实现方法分析
2018/07/30 Python
python实现给scatter设置颜色渐变条colorbar的方法
2018/12/13 Python
对python numpy.array插入一行或一列的方法详解
2019/01/29 Python
PyQt5 QListWidget选择多项并返回的实例
2019/06/17 Python
在pyqt5中QLineEdit里面的内容回车发送的实例
2019/06/21 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
Python读取表格类型文件代码实例
2020/02/17 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
python工具快速为音视频自动生成字幕(使用说明)
2021/01/27 Python
加拿大在线隐形眼镜专家:PerfectLens.ca
2016/11/19 全球购物
轻松制作精彩视频:Animoto
2018/09/19 全球购物
党的群众路线教育实践活动公开承诺书
2014/03/28 职场文书
宿舍标语大全
2014/06/19 职场文书
2014银行领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
2015年外联部工作总结
2015/04/03 职场文书
行政二审代理词
2015/05/25 职场文书
退休教师追悼词
2015/06/23 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书
Python爬虫:从m3u8文件里提取小视频的正确操作
2021/05/14 Python
HTML基础详解(上)
2021/10/16 HTML / CSS
Grafana可视化监控系统结合SpringBoot使用
2022/04/19 Redis
python游戏开发Pygame框架
2022/04/22 Python