Jquery 在多个相同类情况下点击其中一个获取索引值

1.点击传递参数

$('.detail-active').click({'name':'这是参数'},function (e) {
     // alert('调用成功了！！！');
     console.log(e.data.name);//这是参数

})

2.获取index索引

HTML部分

<div class="detail-content-tab">
    <div class="detail-active">全部</div>
    <div>最新</div>
    <div>精选</div>
</div>

js部分

1、获取索引

$(".detail-content-tab div").click(function(){
   console.log($(this).index());//0、1、2
});

2、给当前点击的分类添加class，同时移除兄弟元素的class

//tab切换方法

$(".detail-content-tab div").click(function(){
    var tabIndex = $(this).index();//将索引赋值给tabIndex
    $(this).addClass("detail-active").siblings().removeClass("detail-active");//添加class同时移除兄弟元素class
});

附加：

一、更换img的src路径方法

$(".dianzan").click(function () {
   $(this).attr("src","{$Think.config.view.img}/dianzan.png");//更换img的src路径
});

二、3秒之后执行某一个方法

setTimeout(function(){
  $(".zantishi").css('display','none');//3秒之后执行这个方法
},3000);