配列のテキストの色を動的に変更します

Question

私が取り組んでいるウェブサイトからいくつかのことを行うためにJqueryを使用しています。私はいくつかのリクエストをしています。データから、色の名前を持つ値がいくつかあり、それらを配列に格納しています。私がしたいことは、それぞれの要求に異なる色があることがあるため、それぞれの色を変更することです。

I.E.ユーザーはリクエストを行います。データから緑と赤の値があり、それらをページに送る前に、緑と緑の色を赤に、赤を赤に変えたいと思います。別のリクエストがあり、今回の色が青と黄色の場合は、上記のプロセスで再度色を変更したいと思います。

これは私が持っているものです。

var typeArr = []; 
for (let l in data.types) { 
     typeArr.unshift(data.types[l].type.name); //data.types is the data from the request 
    } 

//This is the appended info at the page 
$('#types').html(`${typeArr[0].capitalizeFirstLetter()}`); 
if (typeArr[1] !== undefined) 
{ 
    $('#types').append(`/${typeArr[1].capitalizeFirstLetter()}`); 
} 

私は正確にエラーが発生していませんよ。私はちょうどそれを行う方法を知りたいです。それは私が持っているもので、正しい順序で名前が表示されますが、単語の色を変更したいのです。要求ごとに配列に最大2ワードあります。

Answer 1

あなたがその色で各単語を飾るしたい場合は、htmlタグでラップする必要があります、この例では、例として<span></span>を使用しました。

Answer 2

あなたが探しているものはまだまだわかりません。 しかし、

は、それが配列である場合の単語は、配列であるかどうかあなたのコメントによると、色

だから、これは何が必要ですを変更しますか？ ref

jQuery.inArray(value, array [, fromIndex ]) 

使用例えば

​​

& jqueryの

var arr = [ "Red", "Blue"]; 
if(jQuery.inArray("Blue", arr)>0){ 
    $("#myDiv").css('background-color', 'blue'); 
}