Question

我必须为项目使用jQuery，并且我试图获得所选标签的值。这是HTML：

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

它说Home，所以我可以根据它发射一些代码。任何帮助将不胜感激。

Answer 1

你可以尝试这样的事情。但我没有测试它。这只是一种方法。

查看JQuery documentation的each函数。

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

Answer 2

您没有发布任何关于您要触发的事件的信息，但如果是onClick，您可以执行以下操作：

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

Answer 3

您可以使用以下CSS选择器获取该值，然后在其上调用HTML方法：

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

使用jquery访问数据切换值

3 个答案: