javascript - 检索具有特定类的 <li> 元素的 id

Question

我在检索我将在 AJAX 中使用的“li”元素的 ID 时遇到问题。

<div id="subTab">
    <ul class="nav nav-pills" style="display:none" id="users">
        <li id="AUser"><a href="#AUser"><span class="glyphicon glyphicon-user"></span> User Management</a></li>
        <li id="ARole"><a href="#ARole">Role Management</a></li>
    </ul>
</div>

通过使用此代码的 ajax，我将“active”类添加到“li”元素:

$(this).closest('ul li').addClass('active');

所以我的问题是，如何检索其中包含事件类的 li 的 ID 属性？ 我尝试了很多方法，但都没有成功..

$('#subTab').find('li .active').attr('id');

这个什么都不返回。

$('#subTab').find('ul li').closest('.active').attr('id');

这个返回“ul”元素 id..

如果谁有解决办法，请帮我解决一下， 感谢您的宝贵时间。

Answer 1

这里不需要空间。当您使用空格时，选择器将匹配您的 li 元素的类 active 的后代:

$('#subTab').find('li.active').attr('id');

Fiddle Demo