Rumah > hujung hadapan web > tutorial js > jQuery中通过同一class获取点击tab页

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

巴扎黑
Lepaskan: 2017-07-20 13:30:22
asal
1450 orang telah melayarinya

判断点击的是那个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>
Salin selepas log masuk
  • js:

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

另外的方法就是:

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

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

   


Atas ialah kandungan terperinci jQuery中通过同一class获取点击tab页. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan