ループ内の変数にjQueryでCSSを適用するにはどうすればよいですか？

Question

こんにちは、私は多くを検索しますが、私の問題に関しては何も見つかりません。 1つのアンカータグがあり、それが私のifelse条件に従って変更されるという点で、foreachループが1つあります。 これでelse if条件の色を変更したいと思います。私のコードはjQueryスクリプトの中にあります。

for(var j=0;j<arrayData.length;j++){ 
    var country = ""; 
    if(arrayData[j].key=="40"){ 
    country = "UK"; 
    }else if(arrayData[j].key=="41"){ 
    country = "INDIA"; 
    }else if(arrayData[j].key=="47"){ 
    country = "POLAND"; 
    }else{ 
    country = "GERMANY"; 
    } 
    check+='<a class="btn btn-success" href="<?php echo base_url()?>uploads/'+arrayData[j].value+'">'+country+ 
        '</a>|'; 
} 
check +='</td></tr>'; 

Answer 1

ちょうどhtml文字列に追加できます。

for(var j=0;j<arrayData.length;j++){ 
    var country = ""; 
    var color = ""; 
    if(arrayData[j].key=="40"){ 
     country = "UK"; 
     color = "red"; 
    }else if(arrayData[j].key=="41"){ 
     country = "INDIA"; 
     color = "orange"; 
    }else if(arrayData[j].key=="47"){ 
     country = "POLAND"; 
     color = "yellow"; 
    }else{ 
     country = "GERMANY"; 
     color = "green"; 
    } 

    check+='<a class="btn btn-success" style="background-color:' + color + ';" href="<?php echo base_url()?>uploads/'+arrayData[j].value+'">'+country+ 
        '</a>|'; 
} 

check +='</td></tr>'; 

---

その他のオプション：また<a>タグにクラスを追加することができます。あなたはのCSSを更新したい

.color-red { 
    background-color: red; 
}