Javascript 正在检索a的id<;李>;类元素
检索我将在AJAX中使用的“li”元素的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<
<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
元素的classactive
匹配:
$('#subTab').find('li.active').attr('id');
您不需要这里的空间。当您使用空格时,选择器会将子体与
li
元素的classactive
匹配:
$('#subTab').find('li.active').attr('id');
问题是选择器中有一个空格。一个空格用于选择子体,您需要的是找到一个class
active
为li
的子体的元素
删除空间:
$('#subTab').find('li.active').attr('id');
现在它请求的元素是
,并且类处于活动状态
发件人:
子体选择器由两个或多个由空格分隔的选择器组成。当元素B是某个祖先元素A的任意后代时,形式为“AB”的后代选择器匹配
问题是选择器中有一个空格。一个空格用于选择子体,您需要的是找到一个classactive
为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');但我也可以用你的。