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下的几个你可能没用过的功能
Aug 29 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
Jul 28 Javascript
Node.js抓取中文网页乱码问题和解决方法
Feb 10 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
纯css下拉菜单 无需js
Aug 15 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
Dec 29 Javascript
Jquery根据浏览器窗口改变调整大小的方法
Feb 07 Javascript
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
jQuery实现模糊查询的方法分析
May 10 jQuery
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
Apr 09 Javascript
vue实现跳转接口push 转场动画示例
Nov 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详细彻底学习Smarty
2008/03/27 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
让innerText在firefox火狐和IE浏览器都能用的写法
2011/05/14 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
轻松创建nodejs服务器(3):代码模块化
2014/12/18 NodeJs
js实现文字跟随鼠标移动而移动的方法
2015/02/28 Javascript
AngularJS中的过滤器filter用法完全解析
2016/04/22 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
2017/02/09 Javascript
jquery仿微信聊天界面
2017/05/06 jQuery
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
2019/11/24 Javascript
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
Python引用(import)文件夹下的py文件的方法
2014/08/26 Python
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
Python实现简单多线程任务队列
2016/02/27 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
python3设计模式之简单工厂模式
2017/10/17 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
flask框架中的cookie和session使用
2021/01/31 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
亚洲最大旅游体验平台:KKday
2017/10/21 全球购物
汽车运用工程毕业生自荐信
2013/10/29 职场文书
数控技术学生的自我评价
2014/02/15 职场文书
手术室护士长竞聘书
2014/03/31 职场文书
办公室打字员岗位职责
2014/04/16 职场文书
运动会加油稿100字
2014/09/19 职场文书
银行授权委托书样本
2014/10/13 职场文书
2015年学生会干事工作总结
2015/04/09 职场文书
庆元旦主持词
2015/07/06 职场文书
小学英语教学随笔
2015/08/14 职场文书
2016年大学生暑期社会实践方案
2015/11/26 职场文书
Nginx Rewrite使用场景及配置方法解析
2021/04/01 Servers