Get the element which has class active?

javascript, jquery

Solution

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

You need a space to select descendent elements.

Problem

I've a list. I want to get the element of the id which has class active. ``` <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> ``` Here's what I'm trying? ``` var period_val = $("#nav.active").attr('id'); alert(period_val) ``` It gives me `undefined`. Where I'm going wrong?

Original source