首頁 > web前端 > js教程 > jQuery中透過同一class取得點選tab頁

jQuery中透過同一class取得點選tab頁

巴扎黑
發布: 2017-07-20 13:30:22
原創
1408 人瀏覽過

判斷點擊的是那個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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板