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 相关文章推荐
学习YUI.Ext 第七天--关于View&amp;JSONView
Mar 10 Javascript
关于jquery性能最佳实践的讨论,与求教
Mar 30 Javascript
按下回车键指向下一个位置的一个函数代码
Mar 10 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
js事件监听机制(事件捕获)总结
Aug 08 Javascript
移动端JQ插件hammer使用详解
Jul 03 Javascript
微信小程序中的swiper组件详解
Apr 14 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
Aug 02 Javascript
bootstrap-paginator服务器端分页使用方法详解
Feb 13 Javascript
Node.js API详解之 querystring用法实例分析
Apr 29 Javascript
jquery实现简单拖拽效果
Jul 20 jQuery
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中判断一个字符串包含另一个字符串的方法
2007/03/19 PHP
PHP压缩html网页代码(清除空格,换行符,制表符,注释标记)
2012/04/02 PHP
php实现分页工具类分享
2014/01/09 PHP
CI(CodeIgniter)框架实现图片上传的方法
2017/03/24 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
PHP实现与java 通信的插件使用教程
2019/08/11 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
js导航栏单击事件背景变换示例代码
2014/01/13 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
javascript中in运算符用法分析
2015/04/28 Javascript
js获得当前系统日期时间的方法
2015/05/06 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
2015/10/28 Javascript
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
基于jquery实现多选下拉列表
2017/08/02 jQuery
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
解决python2.7 查询mysql时出现中文乱码
2016/10/09 Python
简单谈谈python中的lambda表达式
2018/01/19 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
Ubuntu下Python+Flask分分钟搭建自己的服务器教程
2019/11/19 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
Zipadee-Zip襁褓过渡毯:Sleeping Baby
2018/12/30 全球购物
关于运动会的稿件
2014/02/02 职场文书
领导失职检讨书
2014/02/24 职场文书
房屋转让协议书
2014/10/18 职场文书
师范生见习总结范文
2015/06/23 职场文书
同学聚会感言一句话
2015/07/30 职场文书
golang中切片copy复制和等号复制的区别介绍
2021/04/27 Golang
用python实现监控视频人数统计
2021/05/21 Python
全面盘点MySQL中的那些重要日志文件
2021/11/27 MySQL