Jquery each()Counter

前端之家收集整理的这篇文章主要介绍了Jquery each()Counter前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经做了一些搜索文档,并在网上花了一段时间,但找不到解决方案!我想要的警报告诉我在每次()它是在.thumb单击时的迭代。

EG:有六个。我点击数字3,浏览器弹出3!

实际发生的是不管哪个.thumb被点击,6弹出。

var counter = 1;
$('.thumb').each(function () {
    $(this).click(function () {
        alert (counter);
    });
    counter++;
});

任何帮助,谢谢。

解决方法

这是因为你为所有的点击处理程序共享相同的计数器变量,它是最终在循环结束时的任何。相反,使用传递到循环中的一个(已经存在的 .each()的索引参数),像这样:
$('.thumb').each(function (i) {
    $(this).click(function () {
        alert (i+1); //index starts with 0,so add 1 if you want 1 first
    });
});

You can test it here

原文链接:https://www.f2er.com/jquery/184179.html

猜你在找的jQuery相关文章