Getting id from div class name in jQuery

Question

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 is 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 can I do this?

Answer 1

You can use dot to join classes in the selector

Edit

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

For

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

Answer 2

It should be like this:

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

Here you are using the Descendant Selector . but in your house both classes are in one element. so you need to choose classes .

Answer 3

You can get any HTML attribute from an element using jQuery .attr() :

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

Similarly, you can also get the property value of a JS object using .prop() :

 $('.tab-pane.active').prop('id'); 

Answer 4

You can try this

 $('.tab-pane active').click(function () { var Id = $(this).attr('id'); }); 

Hope this helps

Answer 5

Try the following:

  $('#addspan').click(function () { alert($('.tab-pane .active').attr('id')); });