javascript - 既存のクラスを上書きせずに各 DIV に JavaScript を介してクラスを追加しますか?

Question

重複の可能性:
javascript を介してページ上の各 DIV にクラス (シリアル番号) を自動的に追加しますか?

すべての s に「番号を付ける」クラスを追加したいのです<div>が、問題は、既存のクラスをオーバーライドすることです。

$('div').attr('class', function(i) {
    return 'someClass' + i;
});

Answer 1

$('div').each(function(i){
    $(this).addClass('class' + i);
});

または：

$('div').addClass(function(i){
    return "class" + i;
});

Answer 2

ここをチェックしてください、

http://api.jquery.com/addClass/

$("p").addClass("myClass yourClass");

Answer 3

$('div').each(function(i, item){
    $(this).addClass("someClass" + i);
});

これにより、既存のクラスが追加されます

Answer 4

これにより、インデックスが既存のクラス値に追加されます。

$(function(){
$('div').attr('class', function(i, val) {
      return val + i;
});
});