使用 jQuery 查找包含元素的 ID

Question

<li id="someID">
    <div id="div1">Text</div>
    <div id="div2">Text x 2</div>
    <div id="div3">Text x 3</div>
        <span>
            <div>
                <ul>
                    <li class="menuItem">Menu Item</li>
                </ul>
            </div>
        </span>
</li>

简而言之，当单击“menuItem”类时，我试图找到 ID“someID”。下面的代码似乎并没有削减它。

$('.menuItem').click(function(){alert($(this).closest('li').attr('id'));});

Answer 1

而不是 .closest('li'). 使用 .parents('li'). （注意复数）

甚至提到在 closest() 文档 ..

Answer 2

另一种方法是在您尝试识别的 li 上放置一个类，并使 .closest() 选择器更加精确。

例如

<li class="master" id="someID">
    <div id="div1">Text</div>
    <div id="div2">Text x 2</div>
    <div id="div3">Text x 3</div>
        <span>
            <div>
                <ul>
                    <li class="menuItem">Menu Item</li>
                </ul>
            </div>
        </span>
</li>

$('.menuItem').click(function(){alert($(this).closest('li.master').attr('id'));});

Answer 3

如果您想要父级，则可以使用 此处记录的 .parent

Answer 4

你可以使用.parent

.parents("li") so it will return the li parent