首页 > web前端 > js教程 > jQuery中通过同一class获取点击tab页

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

巴扎黑
发布: 2017-07-20 13:30:22
原创
1407 人浏览过

判断点击的是那个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页的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板