javascript - JS从子对象中获取子对象的父ID

Question

我有这 3 个 div

有没有办法获取id parent当你点击那个 child 的 child 时，如果是，怎么办？

function getParentId(el) {
  //get the id "parent"
}

<div id="parent">
  <div class="child">
    <div class="child-of-child" onClick="getParentId(this)">
      <!-- some code here -->
    </div>
  </div>
</div>

Answer 1

您可以使用Node.parentNode :

function getParentId(el){
   var p = el.parentNode.parentNode;
   console.log(p.id);
} 

<div id="parent">
    <div class="child">
        <div class="child-of-child" onClick="getParentId(this)">
        <!-- some code here -->
        Click
        </div>
    </div>
</div>