在使用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树。
没有搜到相关的沙龙