是否可以在jQuery中通过其索引号获取父元素?还是有其他方法

is it possible to get parent element by its index number in jQuery? Or is there any other way?

本文关键字：元素 获取 方法 其他 索引 jQuery 是否      更新时间：2023-09-26

HTML 

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

在这里，我想通过jQuery或JavaScript获得<div class="secondparent">。我的代码将在锚标签上，我想通过索引号获取其第二多的父元素。还是有其他办法？我不想通过硬编码的 ID 或 CLASS 获取元素。

您可以使用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>

嗨，

现在你可以习惯 parent((

var p1=$('a.link').parent();
var p2=$(p1).parent();
var p3=$(p2).parent();
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>

相关文章：