jQuery: Получить первый ближайший «родительский» по типу?

Question

Мне нужно получить id первого ближайшего (ближайшего) li родительского элемента, когда я нажимаю на элемент a.

<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

Вы должны написать свой сценарий как

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

, потому что «Ли» является прямым предком вашей «а» элемента, так и может также использовать как

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

Answer 2

Вы можете использовать closest(type), то есть:

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

Fiddle: https://jsfiddle.net/f14vjLmc/

Answer 3

Пробуйте это closest() JQuery Method