在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文件的舊副本並使用了它。 我在前一個代碼中沒有工作代碼。 原始帖子中的代碼片段正常。