Javascript 根据特定div的id更改其样式

我只想更改

id的

s

childDiv1

和

childDiv4

的

的背景色..如何做这样的事情（注意
div
的列表可能是一个巨大的列表，而想要的
div
列表来自一个数组）
例：->
styleingdivs:{'childDiv1'，'childDiv4'}
请帮我做这个

<div class="parentDiv">
  <div class="childDiv1342">
    First Div Child
  </div>
  <div class="childDiv2244">
    Second Div Child
  </div>
  <div class="childDiv3342">
    Third Div Child
  </div>
  <div class="childDiv4324">
    Fourth Div Child
  </div>
  `<div class="childDiv5324">
    Fifth Div Child
  </div>`
  `<div class="childDiv6324">
    Sixth Div Child
  </div>`
  `<div class="childDiv7323">
    Seventh Div Child
  </div>`
</div>


第一组儿童
第二组儿童
第三组儿童
第四组儿童
`
第五组儿童
`
`
第六组儿童
`
`
第七组儿童
`
仔细阅读，这将帮助您了解
选择器如何在
CSS
中工作

再读一遍



$（'.childDiv1.childDiv4'）.css（'background-color'，'cyan'）

第一组儿童
第二组儿童
第三组儿童
第四组儿童
`
第五组儿童
`
`
第六组儿童
`
`
第七组儿童
`
Herre是W3Schools的链接

在css中，简单地说：

.parentDiv > .childDiv1, .childDiv4 {
background-color: #666666;
}

或者只引用子div

.childDiv1, .childDiv4 {
background-color: #666666;
}

顺便说一句：您在示例中使用的是类，而不是ID。
如果您只需要静态地使用它们，CSS就足够了：

.childDiv1, .childDiv4 {
  background-color: your-color;
}

如果需要动态地更改它们，简单的Javascript应该可以做到这一点

document.querySelectorAll(".childDiv1, .childDiv4").forEach(
  div => div.style.backgroundColor = "your-color");

你说id，所以我把你的html改成id

<div class="parentDiv">
  <div id="childDiv1">
    First Div Child
  </div>
  <div id="childDiv2">
    Second Div Child
  </div>
  <div id="childDiv3">
    Third Div Child
  </div>
  <div id="childDiv4">
    Fourth Div Child
  </div>
  `<div id="childDiv5">
    Fifth Div Child
  </div>`
  `<div id="childDiv6">
    Sixth Div Child
  </div>`
  `<div id="childDiv7">
    Seventh Div Child
  </div>`
</div>

<script>
 document.selectAll("#childDiv1, #childDiv4").style.backgroundColor = "red";

</script>


第一组儿童
第二组儿童
第三组儿童
第四组儿童
`
第五组儿童
`
`
第六组儿童
`
`
第七组儿童
`
document.selectAll（“#childDiv1，#childDiv4”）.style.backgroundColor=“红色”；
尝试使用jquery为
'childDiv1'、'childDiv4'提供背景色。在这种情况下，如果div列表可能很大，则没有问题

我想你想要这样：


$（文档）.ready（函数（）{
var parentDiv=$（'.parentDiv'）。find（'div'））
$（parentDiv.eq（0）.css（'background'，'green'）；
$（parentDiv.eq（3）.css（'background'，'green'）；
})

第一组儿童
第二组儿童
第三组儿童
第四组儿童
`
第五组儿童
`
`
第六组儿童
`
`
第七组儿童
`
如果
div
id是一个随机数（子div），则可能重复这些随机id保存在一个数组中，但是您直接选择
parentDiv
下的子
div
作为
0
和
3
。是否有更好的方法捕获它们。如果id是随机的，则可以使用class而不是id进行选择，或者可以使用
this（）