使用jQuery获取活动选项卡索引的方法如下:
click()
,来监听选项卡的点击事件。index()
方法获取当前选项卡的索引值。下面是一个示例代码:
HTML代码:
<div class="tab">
<div class="tab-item">选项卡1</div>
<div class="tab-item">选项卡2</div>
<div class="tab-item">选项卡3</div>
</div>
JavaScript代码:
$(document).ready(function() {
$('.tab-item').click(function() {
var index = $(this).index();
console.log('当前选项卡索引:' + index);
});
});
在上面的代码中,我们给每个选项卡添加了.tab-item
类名,并使用.click()
方法监听点击事件。在点击事件的回调函数中,使用$(this).index()
方法获取当前选项卡的索引值,并将其打印到控制台。
这样,当用户点击选项卡时,就可以通过index
变量获取到选项卡的索引值,从而进行相应的操作。
腾讯云相关产品和产品介绍链接地址:
云+社区技术沙龙[第21期]
云+社区技术沙龙[第10期]
小程序·云开发官方直播课(数据库方向)
云+社区技术沙龙[第28期]
Elastic 中国开发者大会
136届广交会企业系列专题培训
Elastic 中国开发者大会
云+社区技术沙龙[第17期]
开箱吧腾讯云
Techo Youth高校公开课
领取专属 10元无门槛券
手把手带您无忧上云