jquery遍历时的函数传参问题

Question

jquery中遍历时如何将当前数组的索引值传入要绑定的click函数中，想用立即执行函数进行传参，但是写了一下会报错，求大神们给个办法$(".swiper-index .swiper-index-item").each(function(i){       // 如何将i传入click函数中？    $(this).on("click",function(){        index = i + 1;        $swiper.css("left",-imgWidth*index);    }); }) 

Answer 1

其实用不着这么写，用jq就没必要按原生的思路写了。

$(".swiper-index .swiper-index-item").on('click',function(){

    var c_index = $(this).index();

    index = c_index  + 1;

    $swiper.css("left",-imgWidth*index); 

})

Answer 2

$(".swiper-index .swiper-index-item").each(function(i){   

    (function(i){ 

        $(this).on("click",function(){

             index = i + 1;

             $swiper.css("left",-imgWidth*index);

        }); 

    })(i) 

}) 

或者

$(".swiper-index .swiper-index-item").each(function(i){   

    // 如何将i传入click函数中？

    $(this).on("click",function(){

        let index = i + 1;

        $swiper.css("left",-imgWidth*index);

    }); 

})