在jQuery中获取父元素

Question

我试图获取clicked元素的父元素的ID。 我已经试过了

$(window).click(function(event) {
    alert("Clicked on " + event.target.id + ". Its parent is " + $(event.target).parent().attr("id"));
});

如果我具有以下结构，则返回Clicked on x. Its parent is undefined Clicked on x. Its parent is undefined 。

<div id="y">
    <div id="x">X</div>
</div>

为什么不提供父母的身份证？

我也尝试了以下

$(this).closest("div").attr("id");
$(this).parent().attr('id')

Answer 1

$(document).on('click', '.clicked-element', function(){
    parentElId = $(this).parent().attr('id');
   // parentElId = $(this).parents('.custom-parent-class').attr('id'); // if you wan't the id from a different parent
});

Answer 2

您可能使用了jQuery的before（）函数

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div> 

$('.inner').before('<p>Test</p>');

输出：

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <p>Test</p>
  <div class="inner">Goodbye</div>
</div>

这是该功能的详细链接http://api.jquery.com/before/

Answer 3

我认为：

 $(event.target).parent().attr("id");

Answer 4

不知道为什么，但是我的浏览器存储了Javascript文件的旧副本并使用了它。 我在前一个代码中没有工作代码。 原始帖子中的代码片段正常。