jQuery 获取兄弟元素的几种不错方法

<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);