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 相关文章推荐
超清晰的document对象详解
Feb 27 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
Jun 16 Javascript
浅析Node在构建超媒体API中的作用
Jul 30 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
jQuery ajaxForm()的应用
Oct 14 Javascript
JavaScript实现二分查找实例代码
Feb 22 Javascript
js模拟支付宝密码输入框
Apr 11 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
vue + vuex todolist的实现示例代码
Mar 09 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
Sep 11 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自动识别文件编码并转换为UTF-8的方法
2014/06/12 PHP
PHP生成条形图的方法
2014/12/10 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
Yii框架创建cronjob定时任务的方法分析
2017/05/23 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
js location.replace与location.reload的区别
2010/09/08 Javascript
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
30个最佳jQuery Lightbox效果插件分享
2011/04/11 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
2016/04/12 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
详解vuejs几种不同组件(页面)间传值的方式
2017/06/01 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
2017/10/14 jQuery
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
让python json encode datetime类型
2010/12/28 Python
Python专用方法与迭代机制实例分析
2014/09/15 Python
Python OS模块常用函数说明
2015/05/23 Python
Python实现提取谷歌音乐搜索结果的方法
2015/07/10 Python
python验证码识别教程之利用投影法、连通域法分割图片
2018/06/04 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
python操作kafka实践的示例代码
2019/06/19 Python
python的pytest框架之命令行参数详解(上)
2019/06/27 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
Keras使用ImageNet上预训练的模型方式
2020/05/23 Python
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
从当地商店送来的杂货:Instacart
2018/08/19 全球购物
置业顾问岗位职责
2014/03/02 职场文书
商铺门面租房协议书
2014/10/21 职场文书
安全承诺书
2015/01/19 职场文书
老干部局2015年度工作总结
2015/10/22 职场文书
班干部学习委员竞选稿
2015/11/20 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript
24年收藏2000多部退役军用电台
2022/02/18 无线电
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android