使用jquery

Question

我试图用jQuery向一个元素添加一个CSS类。这个课程应该越来越多。例如，myclass_1然后下一个是myclass_2，依此类推。

使用PHP while循环添加越来越多的数字很容易，但我不知道如何在jQuery中应用PHP代码。还是有另一种方法可以做到这一点吗？

jQuery('.myclass_').popup({ 
    //code
});

那么，如何在.myclass_之后添加越来越多的数字？

请提出任何建议！

Answer 1

使用循环

var count = 5;

for(var i = 0; i < count; i++){
   jQuery('.myclass_'+i).popup({ 
       //code
   });
}

Answer 2

如果您在项目中使用jQuery，那么 jQuery.each（）API 将减轻您完成任务的工作量。

小提琴 - http://jsfiddle.net/ylokesh/bwdq8t5r/

还有一个建议，如果你保留一个通用类＆＃34; myClass＆＃34;那将是件好事。在所有要遍历的节点上，然后追加一个索引号为的新类。

JavaScript [使用jQuery.each（）]

$('.myClass').each(function(index, element){
   $(element).addClass("myClass_" + index).text("Node " + index);
});

<强> HTML

<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>