Javascript 正在检索a的id<;李>;类元素

Javascript 正在检索a的id<;李>;类元素,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,检索我将在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<

检索我将在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>
所以我的问题是,如何检索li的ID属性,该属性将包含活动类? 我尝试了很多方法,但都没有成功

$('#subTab').find('li .active').attr('id');
这个什么也不退

$('#subTab').find('ul li').closest('.active').attr('id');
这一个返回“ul”元素id

如果有人有办法,请帮我解决这个问题,
谢谢您的时间。

您不需要这里的空间。当您使用空格时,选择器会将子体与
li
元素的class
active
匹配:

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

您不需要这里的空间。当您使用空格时,选择器会将子体与
li
元素的class
active
匹配:

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

问题是选择器中有一个空格。一个空格用于选择子体,您需要的是找到一个class
active
li
的子体的元素

删除空间:

$('#subTab').find('li.active').attr('id');
现在它请求的元素是
  • ,并且类
    处于活动状态

    发件人:

    子体选择器由两个或多个由空格分隔的选择器组成。当元素B是某个祖先元素A的任意后代时,形式为“AB”的后代选择器匹配


    问题是选择器中有一个空格。一个空格用于选择子体,您需要的是找到一个class
    active
    li
    的子体的元素

    删除空间:

    $('#subTab').find('li.active').attr('id');
    
    现在它请求的元素是
  • ,并且类
    处于活动状态

    发件人:

    子体选择器由两个或多个由空格分隔的选择器组成。当元素B是某个祖先元素A的任意后代时,形式为“AB”的后代选择器匹配


    使用。每个都是因为“活动”类应用于多个li

    $("#subTab").find('ul li').addClass('active');
    $("#subTab").find('li.active').each(function(){
          console.log($(this).attr('id'));
    });
    

    使用。每个都是因为“活动”类应用于多个li

    $("#subTab").find('ul li').addClass('active');
    $("#subTab").find('li.active').each(function(){
          console.log($(this).attr('id'));
    });
    
    捷径:

    $('#subTab li.active').attr('id')
    
    行动中:

    捷径:

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

    行动方面:

    非常感谢!一段时间后,我找到了一个类似的解决方案-$('#子选项卡')。查找('.active')。最近('li')。attr('id');但我也可以用你的。非常感谢!一段时间后,我找到了一个类似的解决方案-$('#子选项卡')。查找('.active')。最近('li')。attr('id');但我也可以用你的。