Question

我想获取具有类活动的元素的id的id。我查看了this thread，但无法获得我想要的o / p。

<ul class="nav nav-pills nav-stacked navigation" id="configuration_sidebar_content">
     <li>
        <a>Location</a>
        <ul class="nav nav-pills nav-stacked " id="location" style="padding-left:30px;">
            <li class="active" id="region"><a>Region</a></li>
            <li id="country"><a>Country</a></li>
        </ul>
     </li>
     <li>
         <a>Device</a>
         <ul class="nav nav-pills nav-stacked" style="padding-left:30px;">
              <li id="gateway_unit"><a>Gateway Unit</a></li>
              <li id="meter_unit"><a>Meter Unit</a></li>
         </ul>
     </li>
 </ul>

我尝试了这个。

selected_item_id = $("#configuration_sidebar_content li.a.active").attr('id')

Answer 1

应该是

$("#configuration_sidebar_content li.active").attr('id')

没有为a元素分配的课程li，a是li元素的子元素

Answer 2

你的代码不起作用，因为你写了.a，这意味着有a ，这不是你想要的。
试试这个：

  $("#configuration_sidebar_content").find(".active").attr('id')

使用find() 更有效比内部有空格的选择器（例如li a）。

Answer 3

您也可以尝试

$("#configuration_sidebar_content li").find("a.active").attr('id')

Answer 4

试试这个，#configuration_sidebar_content li.a.active更改为$("#configuration_sidebar_content li.active").attr('id')

http://jsfiddle.net/yWsRR/

获取具有类活动的类的id？

4 个答案: