2016-05-27 3 views
1

プロジェクトにjQueryを使用する必要があり、選択したタブの値を取得しようとしています。私は、アクティブなタブのHTMLたいjqueryでデータトグル値にアクセス

<ul class="nav nav-tabs umb-nav-tabs" ng-if="tabs" model="tabs"><li class="dropdown pull-right tabdrop hide" style="display: list-item;"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-align-justify"></i> <b class="caret"></b></a><ul class="dropdown-menu"></ul></li> 
    <!-- ngRepeat: tab in model --><li ng-class="{'tab-error': tabHasError}" ng-repeat="tab in model" val-tab="" class="ng-scope active" style="display: list-item;"> 
    <a data-toggle="tab" href="#tab1" class="ng-binding">Home</a> 
    </li><li ng-class="{'tab-error': tabHasError}" ng-repeat="tab in model" val-tab="" class="ng-scope" style="display: list-item;"> 
    <a data-toggle="tab" href="#tab2" class="ng-binding">Swiss Home</a> 
    </li><li ng-class="{'tab-error': tabHasError}" ng-repeat="tab in model" val-tab="" class="ng-scope" style="display: list-item;"> 
    <a data-toggle="tab" href="#tab3" class="ng-binding">Brazil Home</a> 
    </li><li ng-class="{'tab-error': tabHasError}" ng-repeat="tab in model" val-tab="" class="ng-scope" style="display: list-item;"> 
    <a data-toggle="tab" href="#tab4" class="ng-binding">Get Started</a> 
    </li> 
</ul> 

:これはHTMLです

<li ng-class="{'tab-error': tabHasError}" ng-repeat="tab in model" val-tab="" class="ng-scope active" style="display: list-item;"> 
    <a data-toggle="tab" href="#tab1" class="ng-binding">Home</a> 
    </li> 

それがホームを言うので、私はそれに基づいていくつかのコードを発射することができます。どんな助けもありがとう。

答えて

1

あなたは以下を使用して、その値を得ることができますCSSセレクタを呼び出してHTMLメソッドを呼び出します。

var theHtml = $("li.active").html(); 
+0

ありがとう、これは私が必要としていたものです。 –

1

このようなことを試すことができます。しかし、私はそれを試していませんでした。それは単なるアプローチです。

JQuery documentationeach機能を見てください。

$(".ng-scope").each(function() { 
    if($(this).hasClass("active")){ 
    var result = $(this).html(); 
    } 
}); 
1

あなたは、あなたがそれを上発射したかったが、それはonClickのであれば、あなたのような何かを行うことができますどのようなイベントに任意の情報を掲載しませんでした:

$(".nav a").click(function() { 
    if($(this).hasClass('active')){ 
     //do what you want with it here 
    } 
} 
関連する問題