jQuery : Get first closest "parent" by type?

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

您应该将脚本编写为

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

因为“li”是“a”元素的直接父元素，所以你也可以使用like

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