当前位置:Gxlcms > JavaScript > jQuery中通过同一class获取点击tab页

jQuery中通过同一class获取点击tab页

时间:2021-07-01 10:21:17 帮助过:6人阅读

判断点击的是那个tab页

  • jsp:

<ul class="nav nav-tabs">
     <li class="active">
     <a href="#tab-1" class="stability-test" data-marker="tab1" data-toggle="tab" aria-expanded="true">tab1</a>
      </li>
      <li class="">
<a href="#tab-2" class="stability-test" data-marker="tab2" data-toggle="tab"aria-expanded="false">tab2</a>
    </li>
 </ul>
  • js:

 $('.stability-test').click(function(e) {
        var $this = $(e.target);
        marker = $this.data('marker');
    });

另外的方法就是:

jq中有一个index()事件是获取当前位置的,具体用法如下:

$(".class").click(function(){
    alert($(this).index());
})//这个弹出的就是点击的class是第几个

以上就是jQuery中通过同一class获取点击tab页的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行