Erste Id von Div Klassenname in JQuery

Question

das ist mein 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> 

dies mein Javascript

<script type="text/javascript"> 
    $(function() { 
     var count = 2; 
     $('#addspan').click(function() { 
      var Id = $('.tab-pane active').attr('id'); 

      }); 
    }); 
</script> 

I Div Id whoes Klassenname ".tab-pane aktiv werden wollen" (bedeutet, ich will aktiv Div Id) wie kann ich das tun?

Answer 1

können Sie dot verwenden classes in der Wahl beitreten

ändern

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

Um

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

Answer 2

Sie können mit jQuery beliebigen HTML-Attribut von einem Element erhalten .attr():

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

In ähnlicher Weise können Sie auch die JS Object Eigenschaftswert erhalten .prop() mit:

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

Answer 3

Sie können versuchen, diese

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

this helps

Answer 4

Es sollte wie sein dies,

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

Sie verwenden Descendant Selector hier. aber in deinem Dom sind beide Klassen im selben Element. Sie müssen also beide auswählen classes.

Answer 5

Versuchen Sie folgendes:

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