Recupero ID da Div Nome classe in jQuery

Question

questo è il mio codice Html

<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> 

questa mia javascript

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

      }); 
    }); 
</script> 

voglio ottenere div id whoes nome di classe ".tab-riquadro attivo" (significa che voglio ottenere Div Id attivo) come posso farlo?

Answer 1

È possibile utilizzare dot di unirsi classes nel selettore

Change

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

Per

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

Answer 2

È possibile ottenere qualsiasi attributo HTML da un elemento con jQuery di .attr():

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

Allo stesso modo, è anche possibile ottenere l'oggetto valore di proprietà JS usando .prop():

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

Answer 3

si può provare questo

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

Spero che questo aiuti

Answer 4

Dovrebbe essere come questo,

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

Stai utilizzando Descendant Selector qui. ma nella tua dom entrambe le classi sono nello stesso elemento. quindi devi selezionare sia per classes.

Answer 5

Prova questo:

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