在使用jQuery时,如果您想在DOM树中向上遍历,可以使用.parent()
方法。以下是一个示例:
// 假设我们有以下HTML结构:
<div class="container">
<ul>
<li class="item">Item 1</li>
<li class="item">Item 2</li>
<li class="item">Item 3</li>
</ul>
</div>
// 使用jQuery选择器选中一个.item元素,并向上遍历DOM树:
$(".item").click(function() {
var $parent = $(this).parent(); // 获取父元素(ul)
var $grandParent = $parent.parent(); // 获取祖父元素(.container)
console.log($grandParent);
});
在这个例子中,当点击.item
元素时,我们首先使用.parent()
方法获取它的父元素(<ul>
),然后再次使用.parent()
方法获取父元素的父元素(.container
)。这样,我们就可以在DOM树中向上遍历。
您可以根据需要使用.parent()
方法多次向上遍历DOM树。
高校公开课
云+社区沙龙online[数据工匠]
云+社区技术沙龙[第21期]
《民航智见》线上会议
云+社区沙龙online [新技术实践]
腾讯技术创作特训营第二季第5期
TVP技术夜未眠
云+社区技术沙龙[第27期]
云+社区技术沙龙[第28期]
企业创新在线学堂
领取专属 10元无门槛券
手把手带您无忧上云