獲取兄弟節點的常用方法有：
| 方法 | 說明 |
| siblings() | 選取所有兄弟節點 |
| next() | 選取后面兄弟節點 |
| nextAll() | 選取所有后面的兄弟節點 |
| nextUntil() | 選取所有后面的兄弟節點，但不包含后面指定的節點及指定節點的弟弟……。 |
| prev() | 選取前面的兄弟節點 |
| prevAll() | 選取所有前面的兄弟節點 |
| prevUntil() | 選取所有前面的兄弟節點，但不包含后面指定的節點及指定節點的哥哥……。 |
獲取所有兄弟節點
使用方法siblings()
示例：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>兄弟節點</
title
>
<
style
>
.box{
border: 1px solid blueviolet;
padding: 1px;
margin-bottom: 12px;
}
</
style
>
</
head
>
<
body
>
<
div
>
<
ul
id
=
"ul"
>
<
li
id
=
"a"
>油條</
li
>
<
li
id
=
"b"
>包子</
li
>
<
li
id
=
"c"
>米餃</
li
>
<
li
id
=
"d"
><
a
>魚粉</
a
></
li
>
</
ul
>
</
div
>
<
script
>
$('#c').siblings().attr("class", "box");
</
script
>
</
body
>
</
html
>
|
獲取下個兄弟節點
使用方法next()
示例：
|
1
|
$(
'#c'
).next().attr(
"class"
,
"box"
);
|
獲取所有后面的兄弟節點
使用方法nextAll()
示例：
|
1
|
$(
'#a'
).nextAll().attr(
"class"
,
"box"
);
|
獲取所有前面的兄弟節點
$(
'#a'
).prevAll().attr(
"class"
,
"box"
);
取所有后面的節點，但不包含其中的一個。
$(
'#c'
).nextUntil().attr(
"class"
,
"box"
);