2013-04-03 65 views
7

這是我的HTML代碼獲得標識從股利類名稱jQuery的

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

這個我的javascript

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

      }); 
    }); 
</script> 

我想獲得股利標識whoes類名「.TAB窗格激活」(意味着我想獲得積極的分區ID)我該如何做到這一點?

回答

13

您可以使用dot在選擇加盟classes

變化

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

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

你可以從jQuery的.attr()元素的任何HTML屬性:

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

同樣,你也可以使用.prop()得到JS對象屬性值:

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

格式此請 –

0

你可以試試這個

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

希望這有助於

2

應該是這樣這個,

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

您在此處使用Descendant Selector。但是在你的兩個班裏都有相同的元素。所以你必須同時選擇classes

0

試試這個:

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