2015-05-05 117 views
8
<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标识wizard-rule onclick锚定标记。我怎样才能做到这一点?如何从主播孩子获得父母div ID

现在,锚标记只是获取锚标记本身的标识。但不是其父元素的id。

+9

'警报(this.parentNode.id)' –

+0

@RLam谢谢哥们。我很感激。 :) –

回答

12

使用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> 
1

你可以得到父ID是这样的:

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

或者你可以使用jQuery来做到这一点:

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

访问请尝试这将工作得很好:

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

第一方法: 的parent()方法遍历到每个在DOM树中的元素的的直接父。 Parent()在DOM上传递单个级别。

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

并从锚标签的onclick在HTML

第二方法

parentNode属性返回指定的节点的父节点,作为节点对象。 在你的HTML添加到this.parentNode.id事件onclick元素anchor的:

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