Getting Id from Div Class Name in Jquery

html, javascript, jquery

Solution

You can use `dot` to join `classes` in selector

Change

 var Id = $('.tab-pane active').attr('id');

To

 var Id = $('.tab-pane.active').attr('id');

Problem

this is my Html code ``` <div class="span12" id="test" style="width: 810px;"> <ul class="nav nav-tabs"> <li class="active"><a href="/#tab1" data-toggle="tab">New Stream</a></li> <li><a id="addspan" href="/#C" data-toggle="tab">+</a></li> </ul> <div class="tabbable"> <div class="tab-content" id="tabContent"> <div class="tab-pane active" id="tab1"> @Html.Partial("_NewStreamPartial",Model) </div> </div> </div> </div> ``` this my javascript ``` <script type="text/javascript"> $(function () { var count = 2; $('#addspan').click(function () { var Id = $('.tab-pane active').attr('id'); }); }); </script> ``` I want to get Div Id whoes class name ".tab-pane active"(means i want to get active Div Id) how i can do this?

Original source