代码如下所示:
<body class="ancestors">body (曾曾祖父节点)
<div class='grandPa'>div (曾祖父节点)
<ul>ul (祖父节点)
<li>li (直接父节点)
<span>span</span>
</li>
</ul>
</div>
</body>
jQuery 代码:
获取:
1.直接父节点: alert( $('span').parent
s('li').text() );
2.祖父节点: alert( $('span').parent
s('ul').text() );
3.曾祖父节点: alert( $('span').parent
s('
.grandPa').text() );
4.曾曾祖父节点: alert( $('span).parent
s('.ancestors').text() );