jQueryを使用してオブジェクトプロパティの配列リストにクラス名を追加する方法は？

Question

私はそれぞれのクラス名を取得しようとしていますtdし、別のクラスをそれぞれtdに追加します。例：現在のクラスはclass = "X-marker"で、別のクラスbgreenを追加したいと思います。class = "X-marker bgreen"です。

eachのメソッドを使用して、それぞれtdのクラス名を取得し、次にそれぞれattrを使用して設定しましたが、動作しません。私はエラーはありませんが、期待どおりに動作していません。

オブジェクトはwinInfoと呼ばれ、配列変数があるさ：winInfo.play = winArray[i];

var winInfo = checkWin(); 
if (winInfo.win) { 
    currentClass = $(winInfo.play).each(function() { 
     $(this).attr('class'); 
    }); 

    $(winInfo.play).each(function() { 
     $(this).attr('class', currentClass + ' bgreen'); 
    }); 
} 

Answer 1

あなたがaddClass()を探しているようですね。 @Hatchet、明確にそれを行うための最も簡単な方法ですaddClass方法で述べたように

$(winInfo.play).addClass('bgreen'); 

Answer 2

：

は、次のようになります。 しかし、eachの仕組みが誤解されているようですので、eachを使用し、addClassを使用してこれを行う方法は次のとおりです。

私は、winInfo.playが適切なDOMセレクタ（例えば、".class-name p"）であると仮定しています。

var winInfo = checkWin(); 
if (winInfo.win) { 
    // `each` is just a helper that will call the provided function 
    // for each of the object selected by jQuery (like a loop). 
    // It does not return any value. 
    $(winInfo.play).each(function() { 
     var currentClass = $(this).attr('class'); 
     $(this).attr('class', currentClass + ' bgreen'); 
    }); 
} 

これは、you might not need jQueryです。これは、プレーンjでの処理方法です。

var winInfo = checkWin(); 
if (winInfo.win) { 
    // if winInfo.play is not a selector but a list of dom elements, 
    // just remove document.querySelectorAll. 
    for(var el of document.querySelectorAll(winInfo.play)){ 
    el.classList.add('bggreen'); 
    } 
}