关于jquery 兄弟节点的获取，先举个例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<ul>
<li>
<h3  class = "title" >类目一</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li>
<li>
<h3  class = "title" >类目二</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li></ul>

比如要点击类目一所在的 h3，对其兄弟节点的 ul 添加一个叫做 "show" 的 class，代码如下：

1
$( ".title" ).click( function  () { $( this ).parent().find( 'ul' ).addClass( 'show' ); });

 

就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul，还有一种方法是使用 siblings() 函数，代码如下:

 
1
( ".title" ).click( function () { $( this ).siblings( 'ul' ).addClass( 'show' ); })

 

原文地址：站长部落