欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-11 14:53:32
...

判断点击的是那个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页的详细内容,更多请关注其它相关文章!