无法在不同对象上显示每个循环结果

Question

您好，我正在尝试创建一个 jquery 脚本，我可以在其中通过组合当前 class 加上 each 上的迭代结果来生成和添加 class id ] jquery 的函数现在的问题是它确实添加了当前 class 加上数字但结果看起来像这样

我的想法是这样的

   <a><p class="lbls chs0">1000</p></a>
   <a><p class="lbls chs1">4000</p></a>
   <a><p class="lbls chs2">6000</p></a>

这可能吗？

这是我目前尝试过的方法

  $(document).ready(function(){
        $("#qs").find(".chs").each(function(i,obj){
             $(".chs").addClass("chs"+i);
        });

  });

我是 jquery 的新手，所以我对 jquery 了解不多，如有任何帮助，我们将不胜感激

Answer 1

尝试使用 this 而不是 $(".chs")

$("#qs").find(".chs").each(function(i,obj){
      $(this).removeClass("chs");  //Remove class .chs
      $(this).addClass("chs"+i);  //Add new class .chs+i
});

Demo

无法在不同对象上显示每个循环结果

Having trouble displaying each loop result on different objects

javascript

each

jquery

loops