如何從錨子中獲取父div id

Question

<div class="wizard-rules" id="wizard-rule">If <a href="#" onclick="alert(this.id)" id="dashboard-rule-2" class="highlight">ALL DASHBOARD</a> encounters an error</div>

在這里，我想在錨標簽上獲取div id wizard-rule onclick。 我怎樣才能做到這一點？

現在，錨標簽只是獲取錨標簽本身的id。 但不是其父元素的id。

Answer 1

使用parentNode訪問您的id

<div class="wizard-rules" id="wizard-rule">If <a href="#" onclick="alert(this.parentNode.id)" id="dashboard-rule-2" class="highlight">ALL DASHBOARD</a> encounters an error</div>

Answer 2

您可以像這樣獲得父ID：

window.onload = function(){
    var element = document.getElementById('child').parentNode;
    alert(element.id);
}

或者你可以使用JQuery來做到這一點：

var id = $('child').parent().prop('id');

Answer 3

第一種方法 ： parent()方法遍歷DOM樹中每個元素的直接父級。 Parent()在DOM上運行一個級別。

$('a').click(function(){
  alert($(this).parent().prop("id"));
}); 

並從HTML中的Anchor標記中刪除onclick

第二種方法 ：

parentNode屬性作為Node對象返回指定節點的父節點。 在您的HTML中將this.parentNode.id添加到anchor元素的onclick事件：

<a href="#" onclick="alert(this.parentNode.id)" id="dashboard-rule-2" class="highlight">ALL DASHBOARD</a>

Answer 4

請嘗試這將工作正常：

     <div class="wizard-rules" id="wizard-rule">If <a href="#" onclick="alert($(this).parent().attr('id'))" id="dashboard-rule-2" class="highlight">ALL DASHBOARD</a> encounters an error</div>