这篇文章主要介绍了jQuery获取兄弟元素的几种不错方法,需要的朋友可以参考下
获取指定元素的兄弟元素时,可以使用adjacent sibling combinator (+),其中+的两侧内容都是selector expression.
如果要获取下例中所有的 h1的直接兄弟元素h2
 
<div>
<h1>Main title</h1>
<h2>Section title</h2>
<p>Some content...</p>
<h2>Section title</h2>
<p>More content...</p>
</div>

可以直接使用
 
$('h1 + h2')
// Select ALL h2 elements that are adjacent siblings of H1 elements.

如果要过滤h1的兄弟元素,当然也可以使用
 
$('h1').siblings('h2,h3,p');
// Select all H2, H3, and P elements that are siblings of H1 elements.

如果要获取当前元素之后的所有兄弟元素,可以使用nextAll()
例如,针对下面的html代码
 
<ul>
<li>First item</li>
<li class="selected">Second Item</li>
<li>Third item</li>
<li>Fourth item</li>
<li>Fifth item</li>
</ul>

如果要获取第二个条目之后的所有li元素,可以使用如下代码
 
$('li.selected').nextAll('li');

上例也可以使用general sibling combinator (~)来实现
 
$('li.selected ~ li');

获取直接兄弟元素也可以不使用selector,直接使用next().
 
var topHeaders = $('h1');
topHeaders.next('h2').css('margin', '0);
最新资讯
申购火爆!阿里巴巴提前半天结束港股IPO新股认购

申购火爆!阿里巴巴提前

其计划于美国时间11月19日决定国际配售和中国香港公开
拍拍贷正式更名为信也科技 前三季净利近6亿元降逾7%

拍拍贷正式更名为信也

11月19日,美股上市金融科技公司拍拍贷(NYSE:PPDF)发布了20
金立新增两条被执行人信息 涉及金额约1.87亿元

金立新增两条被执行人

根据天眼查的信息显示,11月18日,深圳市金立通信设备有限
途牛第三季度净营收8.5亿元 高于市场预期

途牛第三季度净营收8.

途牛2019年第三季度净营收为8.525亿元人民币,市场预期
滴滴副总裁郄小虎:很快在上海推出自动驾驶叫车服务

滴滴副总裁郄小虎:很快

据国外媒体报道,滴滴出行副总裁、网约车部门CTO郄小虎
威马汽车计划半年内完成10亿美元D轮融资

威马汽车计划半年内完

威马汽车首席战略官鲁珀特·米切尔(Rupert Mitchell)今
最新文章
微信小程序调用天气接口并且渲染在页面过程详解

微信小程序调用天气接

这篇文章主要介绍了微信小程序调用天气接口并且渲染在
Electron + vue 打包桌面操作流程详解

Electron + vue 打包

这篇文章主要介绍了Electron + vue 打包桌面操作流程,
前端Vue项目详解--初始化及导航栏

前端Vue项目详解--初

这篇文章主要介绍了前端Vue项目详解--初始化及导航栏,
ES6 Object方法扩展的应用实例分析

ES6 Object方法扩展的

这篇文章主要介绍了ES6 Object方法扩展的应用,结合实
JS实现给数组对象排序的方法分析

JS实现给数组对象排序

这篇文章主要介绍了JS实现给数组对象排序的方法,结合
基于vue+axios+lrz.js微信端图片压缩上传方法

基于vue+axios+lrz.js

这篇文章主要介绍了基于vue+axios+lrz.js微信端图片压