jquery - jquery を使用してファイルから CSS データを取得する

Question

ドキュメントにないクラスbackground-colorからjQuery に を選択してもらいたい(は同じ色を使用しますが)。csshover

これは私が現時点で持っているコードです:

<a id='changetext1'>
  <div class='tile color_red1'>text</div>
</a>
<a id='changetext2'>
  <div class='tile color_orange1'>text</div>
</a>
<div class='rightside color_red2' id='rightside'>some more text</div>

右側は から始まりますが、をクリックするcolor_red2と に変わります。もちろん、赤がクリックされているときに変更します。color_orange2color_orange1 divcolor_red2div

テキストと色はSQLデータベースから取得され、jqueryに入れられますJSON

function rightSideData(data) {
    $.each(data, function(i, d) {
        $("#changetext" + d.id).on('click', function() {
        //Change the background color to match the :hover color of the right div TODO
        });
    }
});

テキストを切り替える部分は正常に機能します。プロパティの変更に行き詰まっていbackground-colorます。色はJSONデータ ( ) から取得できますが、ファイルからd.colorを取得する方法がわかりません。.color_orange2 background-colorcss

編集:解決策は次のとおりです。

var color = window.getComputedStyle($(".color_"+d.color+"1").get(0),':hover').getPropertyValue('background-color');
$('.color_red2').css("background-color",color);