Come ottenere il div id padre dal figlio di ancoraggio

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> 

Qui voglio ottenere il div id wizard-rule onclick sul tag di ancoraggio. Come lo posso fare?

il tag di ancoraggio ora sta ottenendo solo l'id del tag di ancoraggio stesso. ma non l'id del suo elemento genitore.

Answer 1

Usa parentNode per accedere sul tuo 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

È possibile ottenere l'ID genitore come questo:

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

Oppure è possibile utilizzare JQuery per farlo:

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

Answer 3

prega prova questo funzionerà bene:

 <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 ° metodo: Il metodo parent() attraversa al padre immediato di ogni dell'elemento nell'albero DOM. Parent() percorre un unico livello sul DOM.

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

e rimuovere il onclick dal tag di ancoraggio nel codice HTML

2 ° Metodo:

La proprietà parentNode restituisce il nodo principale del nodo specificato, come un oggetto Node. nel codice HTML aggiungere this.parentNode.id-onclick caso di anchor elemento:

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