jQuery：まずタイプに最も近い「親」を取得しますか？

Question

a要素をクリックすると、最も近い（最も近い）li親要素のidを取得する必要があります。

<ul> 
    <li id="wrong1"> 
     <ul> 
      <li id="p1"> 
      <a href="" class='btn'></a> 
      </li> 
      <li id="p2"> 
      <a href="" class='btn'>Click here!</a> 
      </li> 
      <li id="p3"> 
      <a href="" class='btn'></a> 
      </li> 
     </ul> 
    </li> 
    <li id="wrong2"></li> 
</ul> 

私はClick here!をクリックしたときに、私はli#p2要素を取得することになっています。

私が使用：

$('a.btn').click(function(e) { 
    var GotIt = $(this).parents().find('li').attr('id'); 
}); 

をしかし、どうやらそれは動作しませんでした。私も closest()と同じ結果を試した。

要素を正しく取得するにはどうすればよいですか？

Answer 1

「LI」は、あなたの「」要素の直接の親であるので、あなたは、そうuはまた、あなたがclosest(type)を使用することができます

$('a.btn').click(function(e) { 
    var GotIt = $(this).parent().attr('id'); 
}); 

Answer 2

のように使用することができ、

$('a.btn').click(function(e) { 
    var GotIt = $(this).closest('li').attr('id'); 
}); 

ようにスクリプトを記述する必要がありますすなわち：

$('a.btn').click(function(e) { 
    var li = $(this).closest("li"); 
    alert(li.attr("id")) 
}); 

フィドル：https://jsfiddle.net/f14vjLmc/

Answer 3

試してみるclosest() JQuery Method