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

Вы можете попробовать что-то вроде этого. Но я не проверял. Это просто подход.

Посмотрите на функцию each JQuery documentation.

$(".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 
    } 
} 
Смежные вопросы