Jak uzyskać identyfikator rodzica div od elementu potomnego zakotwiczenia

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> 

Tutaj chcę uzyskać identyfikator div wizard-rule onclick na znaczniku zakotwiczenia. jak mogę to zrobić?

Znacznik zakotwiczenia pobiera teraz identyfikator samego znacznika kotwicy. ale nie id jego elementu nadrzędnego.

Answer 1

Zastosowanie parentNode aby uzyskać dostęp na 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

Można uzyskać nadrzędny identyfikator tak:

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

Albo można użyć jQuery to zrobić:

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

Answer 3

proszę spróbuj to działa dobrze:

 <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> 

Answer 4

1-ta metoda: Sposób parent() przechodzi do bezpośredniego rodzica każdego elementu w drzewie DOM. Parent() podróżuje o jeden poziom w górę do DOM.

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

i wyjąć onclick z tagiem kotwicy w HTML

2. Metoda:

Obiekt parentNode zwraca węzeł nadrzędny podanego węzła, jako obiekt węzła. w HTML dodać this.parentNode.id do onclick wydarzeniem anchor element:

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