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----文件操作
Jan 18 Javascript
无阻塞加载脚本分析[全]
Jan 20 Javascript
javascript基于HTML5 canvas制作画箭头组件
Jun 25 Javascript
JS实现在网页中弹出一个输入框的方法
Mar 03 Javascript
JS验证IP,子网掩码,网关和MAC的方法
Jul 02 Javascript
JavaScript中的Array 对象(数组对象)
Jun 02 Javascript
JavaScript实现图片懒加载(Lazyload)
Nov 28 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
Angular项目中$scope.$apply()方法的使用详解
Jul 26 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 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/11/07 PHP
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
php框架CodeIgniter主从数据库配置方法分析
2018/05/25 PHP
动感效果的TAB选项卡jquery 插件
2011/07/09 Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
2011/12/11 Javascript
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
JavaScript随机生成信用卡卡号的方法
2015/04/07 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
js实现不重复导入的方法
2016/03/02 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
浅析Ajax语法
2016/12/05 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
2017/03/07 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
微信小程序页面生命周期详解
2018/01/31 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
KnockoutJS数组比较算法实例详解
2019/11/25 Javascript
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
深入解答关于Python的11道基本面试题
2017/04/01 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
在python中利用try..except来代替if..else的用法
2019/12/19 Python
Python基于class()实现面向对象原理详解
2020/03/26 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
美国标志性加大尺码时装品牌:Ashley Stewart
2016/12/15 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
龟牌英国商店:Turtle Wax Brand Store UK
2019/07/02 全球购物
会计电算化应届生求职信
2013/11/03 职场文书
供电工程专业求职信
2014/08/09 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
自愿离婚协议书范本
2015/01/26 职场文书
党员反邪教心得体会
2016/01/15 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python