Как получить родительский идентификатор div из дочернего элемента привязки

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 на якорной теге. Как я могу это сделать?

якорный тэг теперь просто получает идентификатор самого якорного тега. но не идентификатор его родительского элемента.

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

Вы можете получить идентификатор родительского как это:

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

Или вы можете использовать JQuery, чтобы сделать это:

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

Answer 3

Пожалуйста попробуйте, это будет нормально работать:

 <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

первый метод: Метод parent() траверсы к непосредственному родителю каждого элемента в дереве DOM. Parent() перемещается на один уровень вверх по DOM.

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

и удалить onclick из тега Anchor в HTML

2 Метод:

Свойство parentNode возвращает родительский узел указанного узла, в качестве объекта Node. В вашем HTML добавить this.parentNode.id к onclick событие anchor элемента:

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