Javascript 如何更改CSS，其中id=数组（索引）？

我只是写了一个小代码，可以改变X ID的CSS

我在HTML对象中有3个ID（每个元素有一个类）=

元素1 id=“p1”class=“test1”
元素2 id=“p2”class=“test1”
元素3 id=“p3”class=“test1”

我创建了两个数组：

 var statArray = ["p1","p3"];
 var array = ["p1","p3"];

然后检查数组1是否等于数组2

for (var ix = 0; ix < array.length; ix++) {
if (array[ix] === statArray[ix])

---

您可以使用id选择器

#

或名称值选择器：

$("#"+array[ix]).css("background-color","#ff0000");

或

---

我最好不要在循环中重新查询DOM。您可以缓存变量中的结果：

var $test = $(".test1");

for (var ix = 0; ix < array.length; ix++) {
    if (array[ix] === statArray[ix]) {
        $test.filter('#' + array[ix]).css("background-color", "#ff0000");
    }
}

var$test=$（“.test1”）；
for（var ix=0；ix

只要用这个

for (var ix = 0; ix < array.length; ix++) {
    if (array[ix] === statArray[ix]){
        $(".test1#"+array[ix]).css("background-color","#F00");
    }
}

for（var ix=0；ix

$（“#”+array.join（“，#”）.css（“背景色”，“#ff0000”）id为的jquery选择器的性能
var $test = $(".test1");

for (var ix = 0; ix < array.length; ix++) {
    if (array[ix] === statArray[ix]) {
        $test.filter('#' + array[ix]).css("background-color", "#ff0000");
    }
}

for (var ix = 0; ix < array.length; ix++) {
    if (array[ix] === statArray[ix]){
        $(".test1#"+array[ix]).css("background-color","#F00");
    }
}