Javascript 使用jQuery获取根父级

HTML

<div id="header_area">
    <div id="favuorites_header_wrapper" class="header_item">
        <div id="favuorites_header_font" class="noSelect">Open Menue</div>
        <div id="favuorites_header_icon" class="noSelect"></div>
    </div>
</div>

---

但是它返回的是相应的父项，而不是容器Div ID。

我不确定“提醒标题区域”是什么意思，但您可以使用

最近的（）选择它。

：

使用

或使用

您可以使用：

$("#header_area").find();

这将返回所有子级和子级。 然后可以向找到的元素添加单击处理程序。 可以找到解释

请尝试以下方法：

$('[id^="favuorites_header"]').click(function(e){
   e.stopPropagation();
   var parent = $(this).closest('[id^="header_"]').attr('id');
   alert(parent);
});

---

您所说的“根家长”是什么意思？您希望如何识别它？整个页面的根元素是

，因此这是DOM结构的最上层。如果你想停下来，你需要一些方法来确定什么时候应该停下来。我认为你可以通过事件Bubbling或事件传播来处理这个问题。我的意思是，假设你点击了“favuorites\u header\u icon”div，它应该会在警报中显示根父级的id。在本例中，这是“header\u area”。@Billy您一直在使用短语“root parent”，但这并不意味着什么。您需要定义此任意“根父级”在页面中的确切属性，否则问题无法回答。同时说“在这种情况下”意味着还有其他不同的情况与此不同。@Billy提醒

id

似乎是完全多余的，因为您已经知道要选择元素，但我为您修改了我的示例。这将在大多数浏览器中输出“[对象]”。他说他想“提醒根家长”。根据他在问题中尝试的代码，我们可以假设他想要所选元素的ID，因此这不会以任何方式“传递”。“这个问题是废话，需要一些实质性的修改来澄清，不管怎样。”安东尼。每当单击容器div中的元素时，我都希望获得容器div（即header_区域）的ID。

$('#header_area div').click(function() {
    var parent_header_area = $(this).closest('#header_area');
});

$('#header_area div').click(function() {
    var parent_header_area = $(this).parents('#header_area');
});

$("#header_area").find();

$('.header_area div').click(function() {
    alert($(this).parents('.header_area'));
});

$('[id^="favuorites_header"]').click(function(e){
   e.stopPropagation();
   var parent = $(this).closest('[id^="header_"]').attr('id');
   alert(parent);
});