如何使用jQuery查找元素的第n个父元素

本文介绍了如何使用jQuery查找元素的第n个父元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我想找到给定元素的第n个父元素并访问父元素的属性。

I want to find the nth parent element of an given element and access the attributes of parent.

<div id='parent1'><br/> <div id='parent2'><br/> <span><p id='element1'>Test</p></span><br/> </div><br/> <div id='parent3'><br/> <span><p id='element2'>Test</p></span><br/> </div><br/> </div>

我想访问element1的第3个父元素，而不使用

I want to access the 3rd parent element of element1 without using

$('#element1').parent().parent().parent()

任何帮助将不胜感激

推荐答案

您可以使用 .parents（）和 .eq（）：

$('#element1').parents().eq(2);

http： //jsfiddle/infernalbadger/4YmYt/