这篇文章主要介绍了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);
最新资讯
“美版拼多多”爆红,带给中国电商哪些启示?

“美版拼多多”爆红,带

虽然同样主打低价商品,但与拼多多不同的是,Brandless好
为什么自动驾驶需要5G?

为什么自动驾驶需要5G

自动驾驶需要5G,但说到最后,对于5G自动驾驶,挑战在哪里?
彭博:今年三款iPhone沿袭iPhone X设计 明年有大动作

彭博:今年三款iPhone

彭博社今日援引知情人士的消息称,苹果公司(以下简称“
死神在滴滴

死神在滴滴

客服能救命?我不信。
警告!中国90%AI初创企业将在两年内落败出局

警告!中国90%AI初创企

近年来,中国涌现了一大批AI初创企业,但AI热潮也伴随着泡
马斯克“私有化”特斯拉失败,怪空头咯?

马斯克“私有化”特斯

巧妇也难为无米之炊。
最新文章
Angular2进阶之如何避免Dom误区

Angular2进阶之如何避

这篇文章主要介绍了Angular2进阶之如何避免Dom误区,小
使用FileReader API创建Vue文件阅读器组件

使用FileReader API创

这篇文章主要介绍了使用FileReader API创建一个Vue的
react 实现页面代码分割、按需加载的方法

react 实现页面代码分

本篇文章主要介绍了react 实现页面代码分割、按需加载
Vue项目分环境打包的实现步骤

Vue项目分环境打包的

这篇文章主要介绍了Vue项目如何分环境打包,实现方法大
vue 组件中slot插口的具体用法

vue 组件中slot插口的

这篇文章主要介绍了vue 中slot 的具体用法,包括子组件
JS遍历DOM文档树的方法实例详解

JS遍历DOM文档树的方

这篇文章主要介绍了JS遍历DOM文档树的方法,结合实例形