关于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() 函数,代码如下:
转载于:https://blog.51cto.com/zzblo/1062550