Jquery each()Counter

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

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

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

  1. var counter = 1;
  2. $('.thumb').each(function () {
  3. $(this).click(function () {
  4. alert (counter);
  5. });
  6. counter++;
  7. });

任何帮助,谢谢。

解决方法

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

You can test it here

猜你在找的jQuery相关文章