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 相关文章推荐
jQuery UI Dialog控件中的表单无法正常提交的解决方法
Dec 19 Javascript
手机号码,密码正则验证
Sep 04 Javascript
jquery实现炫酷的叠加层自动切换特效
Feb 01 Javascript
使用coffeescript编写node.js项目的方法汇总
Aug 05 Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 Javascript
网页瀑布流布局jQuery实现代码
Oct 21 Javascript
bootstrap模态框消失问题的解决方法
Dec 02 Javascript
10个经典的网页鼠标特效代码
Jan 09 Javascript
Angular父组件调用子组件的方法
Apr 02 Javascript
Vue引入sass并配置全局变量的方法
Jun 27 Javascript
JavaScript前后端JSON使用方法教程
Nov 23 Javascript
微信小程序基础教程之echart的使用
Jun 01 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设计模式之装饰者模式
2012/02/29 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
PHP类继承 extends使用介绍
2014/01/14 PHP
php中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
PHP中使用imagick实现把PDF转成图片
2015/01/26 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
javascript 读取图片文件的大小
2009/06/25 Javascript
jquery 简单应用示例总结
2013/08/09 Javascript
js获取对象为null的解决方法
2013/11/21 Javascript
js键盘上下左右键怎么触发function(实例讲解)
2013/12/14 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
jquery控制select的text/value值为选中状态
2014/06/03 Javascript
Javascript实现单例模式
2016/01/24 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
JS 调试中常见的报错问题解决方法
2017/05/20 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
js实现坦克移动小游戏
2019/10/28 Javascript
python 获取本机ip地址的两个方法
2013/02/25 Python
python基于socket实现网络广播的方法
2015/04/29 Python
简单解决Python文件中文编码问题
2015/11/22 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
Pytorch 数据加载与数据预处理方式
2019/12/31 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
使用HTML5在网页中嵌入音频和视频播放的基本方法
2016/02/22 HTML / CSS
介绍一下sql server的安全性
2014/08/10 面试题
小学教师师德承诺书
2014/05/23 职场文书
动漫设计与制作专业推荐信
2014/07/07 职场文书
2015年度优秀员工自荐书
2015/03/06 职场文书
罚款通知怎么写
2015/04/22 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
Python 发送SMTP邮件的简单教程
2021/06/24 Python