Jquery every() 计数器

Question

我已经在文档中进行了一些搜索，并在网上花了一段时间，但找不到解决方案!我希望警报告诉我单击 .thumb 时它处于each() 的哪一次迭代。

EG:有六个.thumb，我点击数字3，浏览器弹出3!

实际发生的情况是，无论单击哪个 .thumb，都会弹出 6。

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

非常感谢您的帮助。

Answer 1

这是因为您为所有 click 处理程序共享相同的 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 .