動態添加CSS類與jQuery

-2

我想添加一個CSS類到jQuery的元素。這個類應該是一個越來越多的數字。例如，myclass_1則接下來是myclass_2等等。動態添加CSS類與jQuery

用PHP while循環很容易添加越來越多的數字，但我不知道如何在jQuery中應用PHP代碼。還是有另一種方法來做到這一點？

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

那麼，如何在此.myclass_之後添加越來越多的數字？

請提出任何建議！

2015-06-22 hassan

你不能真正告訴我們你想與做* *很多 - ）類。如果沒有這麼多的班級，可能會有這樣的成就。而且，您是否想要選擇元素並按照所選元素的順序添加類？ – PeterKA

你想選擇哪些元素，並將類添加到？他們是否都有「myclass_」這個類名作爲開頭？應該刪除這個班級名稱，還是應該添加編號的班級名稱？ –

這不是一個好的使用模式。增量識別類和ID成爲一種維護的痛苦。而應使用相同的類名稱，並使用DOM遍歷來查找相關元素。 –

如果你在你的項目中使用jQuery然後jQuery.each（）API將緩解你的努力來完成它使用一個循環

var count = 5; 

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

2015-06-22 02:03:42 AmmarCSE

。

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

一個建議，如果你把所有節點上的通用類「MyClass的」待運行，然後追加索引號爲一類新的這將是很好。

的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>

2015-06-22 07:08:38

回答