2015-05-05 170 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> 
相關問題