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 模板的应用示例
Nov 12 Javascript
jquery cookie的用法总结
Nov 18 Javascript
微信分享的标题、缩略图、连接及描述设置方法
Oct 14 Javascript
JavaScript中的方法重载实例
Mar 16 Javascript
JavaScript将数组转换成CSV格式的方法
Mar 19 Javascript
jQuery菜单插件superfish使用指南
Apr 21 Javascript
JS对大量数据进行多重过滤的方法
Nov 04 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
原生js实现淘宝放大镜效果
Oct 28 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
Oct 01 Javascript
详解JavaScript原型与原型链
Nov 16 Javascript
JavaScript实现点击出现子菜单效果
Feb 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 文件缓存函数
2011/10/08 PHP
基于PHPExcel的常用方法总结
2013/06/13 PHP
关于使用key/value数据库redis和TTSERVER的心得体会
2013/06/28 PHP
php获取文件大小的方法
2014/02/26 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
详解WordPress中过滤链接与过滤SQL语句的方法
2015/12/18 PHP
PHP编写RESTful接口
2016/02/23 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
Laravel实现ORM带条件搜索分页
2019/10/24 PHP
laravel admin实现分类树/模型树的示例代码
2020/06/10 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
jquery easyui使用心得
2014/07/07 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
JavaScript错误处理
2015/02/03 Javascript
jQuery实现给input绑定回车事件的方法
2017/02/09 Javascript
JS实现简易的图片拖拽排序实例代码
2017/06/09 Javascript
jQuery EasyUI开发技巧总结
2017/09/26 jQuery
基于input动态模糊查询的实现方法
2017/12/12 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
[54:27]TNC vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python tempfile模块学习笔记(临时文件)
2014/05/25 Python
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
Python学习_几种存取xls/xlsx文件的方法总结
2018/05/03 Python
关于python下cv.waitKey无响应的原因及解决方法
2019/01/10 Python
如何使用python把ppt转换成pdf
2019/06/29 Python
python读取与处理netcdf数据方式
2020/02/14 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
Python批量修改xml的坐标值全部转为整数的实例代码
2020/11/26 Python
客服部工作职责范本
2014/02/14 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
信访工作汇报材料
2014/10/27 职场文书
python爬虫之selenium库的安装及使用教程
2021/05/23 Python
APP界面设计技巧和注意事项
2022/04/29 杂记