Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery访问数据切换值_Javascript_Jquery - Fatal编程技术网

Javascript 使用jquery访问数据切换值

Javascript 使用jquery访问数据切换值,javascript,jquery,Javascript,Jquery,我必须对一个项目使用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="

我必须对一个项目使用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>

  • 上面写着“家”的地方,这样我就可以根据它发出一些代码。任何帮助都将不胜感激。

    您可以试试这样的东西。但我没有测试它。这只是一种方法

    看看JQuery的
    每个
    函数


    您没有发布任何关于您想触发该事件的信息,但如果是onClick,您可以执行以下操作:

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

    您可以使用以下CSS选择器获取该值,然后对其调用HTML方法:

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

    谢谢,这正是我需要的。
    var theHtml = $("li.active").html();