Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向不同的数组元素添加唯一的CSS_Javascript_Css - Fatal编程技术网

Javascript 向不同的数组元素添加唯一的CSS

Javascript 向不同的数组元素添加唯一的CSS,javascript,css,Javascript,Css,在过去的半个小时里,我试着四处看看,但我不相信以前有人问过这个问题,因为我找不到答案。如何为数组中的每个元素指定不同的CSS。最好将类附加到数组元素以限制冗余 var Stat=new Array() Stat[0]=“活动” 换句话说,我想完成上述任务 要使用HTML/CSS代码填充数组,可以执行以下操作: var Stat = new Array(); Stat.push("<span class='good'>Alive</span>"); Stat.push(

在过去的半个小时里,我试着四处看看,但我不相信以前有人问过这个问题,因为我找不到答案。如何为数组中的每个元素指定不同的CSS。最好将类附加到数组元素以限制冗余

var Stat=new Array()

Stat[0]=“活动”


换句话说,我想完成上述任务

要使用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>");
每次
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>
var Stat=new Array();
对于(变量i=0;i<6;i++){
Stat.push(“活动”);
}
//生成具有以下内容的数组:
活着的
活着的
活着的
活着的
活着的
活着的

你是什么意思?你的例子不清楚。您是否已经有了一个HTML字符串数组并希望对其进行处理,还是希望创建一个数组?如果是,基于什么数据?作为旁白。。。如果您只是尝试根据特定索引将CSS应用于元素,则可以尝试下面描述的
n个子元素
伪选择器:。它与更老的浏览器有一些兼容性问题,但应该可以工作。我认为Tracy有你需要的,她建议的第n个子css也是一种途径,但这就是CSS3。您还可以使用jquery(“#of element in the the level of the dom tree”)来选择元素库everyone我现在不在家,我一小时后回来。我相信使用stat.push会起作用,但如果我使用stat[0].push,它会起作用吗。一旦我回家,我可以向你提供我所有的纪念品代码,如果这不起作用的话。@AdrianVona,请看我所做的更新,你会更好地理解。我会等待进一步的解释,但是atm
stat[0]。push()
不应该起作用,因为
stat[0]
不是数组,它引用数组中的一个项。Array.push()是一个数组方法,可以将一个项附加到数组中。太棒了,非常感谢。一旦我回到家,我将实施这些改变。@AdrianVona,我很高兴帮助你!
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>