Javascript 如何从锚定子级获取父div id 如果遇到错误

在这里，我想获得divid

向导规则

onclick在锚标记上。我该怎么做

---

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

您可以获得如下父元素id：

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

或者，您可以使用JQuery来实现这一点：

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

---

使用

parentNode

访问您的

id

var id = $('child').parent().prop('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>

如果遇到错误

第一种方法：

parent（）

方法遍历DOM树中每个元素的直接父级

Parent（）

在DOM中向上移动一个级别

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

并从HTML中的锚标记中删除

onclick

第二种方法：

属性将指定节点的父节点作为节点对象返回。 在HTML中，将

this.parentNode.id

添加到

onclick

元素的

事件：

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

警报（this.parentNode.id）
@RLam谢谢你。我很感激。：）
<a href="#" onclick="alert(this.parentNode.id)" id="dashboard-rule-2" class="highlight">ALL DASHBOARD</a>