JQuery 获取一个元素的第n层父级

要获取一个元素的第n层父级，我们可以使用JQuery中的parent()方法或parents()方法。

使用parent()方法获取第n层父元素

parent()方法用于获取匹配元素的直接父元素，我们可以多次调用parent()方法来获取指定层数的父元素，其中调用parent()方法的次数就代表了需要获取的层数。

下面是一个获取第3层父元素的示例：

<div id="first">
  <div id="second">
    <div id="third">
      <div id="target"></div>
    </div>
  </div>
</div>

var $element = $("#target").parent().parent().parent();

在这个示例中，我们使用了3次parent()方法来获取第3层父元素，最终$element会被设置为配置了id为"third"的div元素。

使用parents()方法获取第n层父元素

parents()方法与parent()方法类似，但是它可以获取所有符合条件的父元素，而不仅仅是直接父元素。我们可以在调用parents()方法时使用CSS选择器来筛选匹配的父元素。

下面是一个获取第3层父元素的示例：

<div id="first">
  <div id="second">
    <div id="third">
      <div id="target"></div>
    </div>
  </div>
</div>

var $element = $("#target").parents(":eq(2)");

在这个示例中，我们使用了":eq(2)"选择器来指定获取第3层父元素，最终$element会被设置为配置了id为"third"的div元素。

通过上述两种方法，我们可以获取一个元素的第n层父元素。