【问题标题】:Having trouble displaying each loop result on different objects无法在不同对象上显示每个循环结果
【发布时间】:2015-03-09 21:58:32
【问题描述】:

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

我的想法是这样的

   <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 没有太多了解,任何帮助将不胜感激

【问题讨论】:

    标签: javascript jquery loops each


    【解决方案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

    【讨论】:

    • 嗨,正如我上面提到的,我是 jquery 的新手,你给定的脚本工作但为什么当我使用 this 而不是 $(".chs") 时它工作?两者有区别吗?
    • 是的,如果你写.chs,那么它将采用第一个匹配类,如果你写this,那么它将采用当前对象。
    • 哦,我明白了,谢谢,这对我有很大帮助。我会在 7 分钟后立即接受这个答案,所以我不会马上接受它,感谢您解释两者之间的区别 :)
    猜你喜欢
    • 2011-11-16
    • 2017-01-04
    • 2015-06-30
    • 2017-04-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-09
    • 1970-01-01
    相关资源
    最近更新 更多