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中的私有成员
Sep 18 Javascript
多个iframe自动调整大小的问题
Sep 18 Javascript
JavaScript实现禁止后退的方法
Dec 27 Javascript
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
Dec 04 Javascript
js打造数组转json函数
Jan 14 Javascript
js控制div弹出层实现方法
May 11 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
javascript数组常用方法汇总
Sep 10 Javascript
原生js实现抽奖小游戏
Jun 27 Javascript
微信小程序实现同时上传多张图片
Feb 03 Javascript
js不常见操作运算符总结
Nov 20 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生成文件
2007/01/15 PHP
php 静态化实现代码
2009/03/20 PHP
php获取文件大小的方法
2014/02/26 PHP
php中Socket创建与监听实现方法
2015/01/05 PHP
Javascript 遍历对象中的子对象
2009/07/03 Javascript
JS 控制小数位数的实现代码
2011/08/02 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
我的Node.js学习之路(四)--单元测试
2014/07/06 Javascript
图解JavaScript中的this关键字
2020/05/28 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
2016/12/12 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
Vue如何实现组件的源码解析
2017/06/08 Javascript
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
js tab栏切换代码实例解析
2019/09/03 Javascript
vue用elementui写form表单时,在label里添加空格操作
2020/08/13 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
python 提取文件的小程序
2009/07/29 Python
python服务器端收发请求的实现代码
2014/09/29 Python
python类继承与子类实例初始化用法分析
2015/04/17 Python
Python开发SQLite3数据库相关操作详解【连接,查询,插入,更新,删除,关闭等】
2017/07/27 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
基于Python List的赋值方法
2018/06/23 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
详解基于python的全局与局部序列比对的实现(DNA)
2020/10/07 Python
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
程序员跳槽必看面试题总结
2013/06/28 面试题
《生命的药方》教学反思
2014/04/08 职场文书
初中班主任评语大全
2014/04/24 职场文书
1亿有多大教学反思
2014/05/01 职场文书
酒店工程部经理岗位职责
2015/04/09 职场文书
MySQL sql模式设置引起的问题
2022/05/15 MySQL