獲取具有類活動的元素？

Question

我有一份清單。 我想獲得具有類活動的id的元素。

<ul class="nav nav-tabs" id="nav">
   <li class="active" id="day" onclick="changeDur('day')"><a data-toggle="tab">Day</a></li>
   <li id="week" onclick="changeDur('week')"><a data-toggle="tab">Week</a></li>
   <li id="month" onclick="changeDur('month')"><a data-toggle="tab">Month</a></li>
   <li id="year" onclick="changeDur('year')"><a data-toggle="tab">Year</a></li>
</ul>

這是我正在嘗試的？

var period_val = $("#nav.active").attr('id');
alert(period_val)

它給了我undefined 。

我哪里錯了？

Answer 1

var period_val = $("#nav .active").attr('id');

您需要一個空間來選擇后代元素。

Answer 2

var period_val = $("#nav .active").attr('id'); - 在“#nav”之后需要一個空格，否則你正在尋找一個具有id“nav”和類“active”的UL

如上所述，子選擇器也可以。

只是為了使我的帖子更有用，這里是鏈接：

CSS選擇器

額外的jQuery選擇器

Answer 3

您還可以使用子選擇器 > ：

   var period_val = $("#nav > .active").attr("id");