这篇文章主要介绍了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);
最新资讯
华平被曝募集40亿美元规模中国新基金 消息人士:真的

华平被曝募集40亿美元

路透社消息称,美国华平投资集团(以下称“华平投资”)计划
消息人士:SpaceX已将杠杆贷款金额调至2.5亿美元

消息人士:SpaceX已将杠

11月20日消息,据国外媒体报道,此前寻求7.5亿美元杠杆贷
转转CEO:转转和闲鱼很不一样 做好二手交易要靠微信

转转CEO:转转和闲鱼很

二手行业的用户消费心智如何?微信小程序的红利还能持续
美图CFO:跟小米合作后 明年下半年推出第一款手机

美图CFO:跟小米合作后

昨日,美图宣布和小米签订了为期30年的战略合作协议,双方
腾讯游戏与区块链游戏竞技平台合作推出直播频道

腾讯游戏与区块链游戏

这也标志着腾讯游戏第一次积极地与加密货币架构合作。
马斯克为BFR火箭改了个新名字:Starship

马斯克为BFR火箭改了

Space X首席执行官埃隆·马斯克刚刚在Twitter上宣布,那
最新文章
详解mpvue小程序中怎么引入iconfont字体图标

详解mpvue小程序中怎

这篇文章主要介绍了详解mpvue小程序中怎么引入iconfon
JS如何获取地址栏的参数实例讲解

JS如何获取地址栏的参

本篇文章给大家带来了关于JS如何获取地址栏的参数实例
angularJs利用$scope处理升降序的方法

angularJs利用$scope

今天小编就为大家分享一篇angularJs利用$scope处理升
CKEditor4配置与开发详细中文说明文档

CKEditor4配置与开发

网上分享的CKEditor4中文说明很多都只是的部分使用方
angularjs获取到My97DatePicker选中的值方法

angularjs获取到My97D

今天小编就为大家分享一篇angularjs获取到My97DatePic
vue实现一个炫酷的日历组件

vue实现一个炫酷的日

公司业务新开了一个商家管理微信H5移动端项目,日历控件