javascript - 是否有可能通过 jQuery 中的索引号获取父元素？或者还有其他办法吗？

Question

HTML

<div class="topparent">
   <div class="secondparent">
       <div class="firstparent">
               <a href="#" class="link" >Menu Link</a>
       </div>
   </div>
</div>

这里我想得到<div class="secondparent">通过 jQuery 或 JavaScript。我的代码将在 anchor 标记上，我想通过索引号获取其第二大父元素。或者还有其他办法吗？ 我不想通过硬编码 ID 或类获取元素。

Answer 1

您可以使用 parents() 和 eq()

1. 使用 parents() 你可以得到所有的祖先
2. eq() 将有助于按索引选择

代码:

var p1=$('a.link').parents().eq(0);
var p2=$('a.link').parents().eq(1);
var p3=$('a.link').parents().eq(2);

console.log(p1.attr('class'),p2.attr('class'),p3.attr('class'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="topparent">
   <div class="secondparent">
       <div class="firstparent">
               <a href="#" class="link" >Menu Link</a>
       </div>
   </div>
</div>