私は過去 30 分間周りを見回そうとしましたが、答えが見つからないため、これまで誰もこのような質問をしたことがないと思います。配列内の各要素に異なる CSS を指定するにはどうすればよいですか。冗長性を制限するために、配列要素にクラスを追加することをお勧めします。
var Stat = new Array();
Stat[0] = "<span class='good'>Alive</span>";
言い換えれば、私は上記を達成したいと考えています。
私は過去 30 分間周りを見回そうとしましたが、答えが見つからないため、これまで誰もこのような質問をしたことがないと思います。配列内の各要素に異なる CSS を指定するにはどうすればよいですか。冗長性を制限するために、配列要素にクラスを追加することをお勧めします。
var Stat = new Array();
Stat[0] = "<span class='good'>Alive</span>";
言い換えれば、私は上記を達成したいと考えています。
配列に HTML/CSS コードを入力するには、次のようにします。
var Stat = new Array();
Stat.push("<span class='good'>Alive</span>");
Stat.push("<span class='bad'>Dead</span>");
Stat.push("<span class='evil'>Hell</span>");
上記のコードの後、配列Stat
には次のコンテンツが含まれます。
Stat[0] == "<span class='good'>Alive</span>";
Stat[1] == "<span class='bad'>Dead</span>";
Stat[2] == "<span class='evil'>Hell</span>";
それぞれpush
がインクリメンタル インデックスを使用して新しい配列位置を作成します。
それがあなたを助けることを願っています!
あなたの質問を正しく理解していることを願っています。配列を繰り返し処理し、接頭辞とそれに続くインデックスを付けてクラスを追加することができます。あなたの質問に正しく従っていない場合はお知らせください。
var Stat = new Array();
for (var i = 0; i < 6; i++) {
Stat.push('<span class="good' + i + '">Alive</span>');
}
// Produces an array with the following:
<span class="good0">Alive</span>
<span class="good1">Alive</span>
<span class="good2">Alive</span>
<span class="good3">Alive</span>
<span class="good4">Alive</span>
<span class="good5">Alive</span>