通过获取父节点,还可以获取父节点的父节点。
有3个常用方法:
方法 | 说明 |
parent() | 选取父节点 |
parents() | 选取所有父节点 |
parentsUntil("div") | 选取所有父节点,但不包含后面指定的节点及指定节点的父级……。 |
示例:
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 > $('a').parentsUntil("div").attr("class", "box"); </ script > </ body > </ html > |