Pierwsze Id z div class Nazwa w jQuery

Question

to jest mój kod 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> 

to mój javascript

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

      }); 
    }); 
</script> 

chcę uzyskać div id CZYJ nazwa klasy ".tab-pane aktywny" (oznacza, że ​​chcę uzyskać aktywny identyfikator Div), jak mogę to zrobić?

Answer 1

Można użyć dot dołączyć classes selektor

Zmień

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

Aby

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

Answer 2

można uzyskać dowolny atrybut HTML z elementu z jQuery na .attr():

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

Podobnie można również uzyskać JS Object wartości nieruchomości przy użyciu .prop():

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

Answer 3

Można spróbować tej

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

nadzieję, że to pomaga

Answer 4

To powinno być jak to,

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

Tutaj używasz Descendant Selector. ale w twoim domu obie klasy są w tym samym elemencie. więc musisz wybrać zarówno przez classes.

Answer 5

Spróbuj tego: Format

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