Javascript 如何使用JQuery迭代具有相同id的overdiv并更改颜色

我正在使用这个代码

$("#diagonal").each(function (i) {
  $("#diagonal").css("background","green"); //Change color of the div        
});

我希望所有id为

#对角线的div更改颜色

这种方法不起作用：

<div class="col span_1_of_12">
  <div id="diagonal">   
    <!-- 1 of 12 -->
  </div>
</div>
<div class="col span_1_of_12">
  <!-- 2 of 12 -->
</div>
<div class="col span_1_of_12">
  <div id="diagonal">   
    <!-- 1 of 12 -->
  </div>
</div>



使用参考资料：
这里是解决方案


$（“.diagonal”）。每个（函数（i）{
$（this.css（“背景”、“绿色”）；//更改div的颜色
});

第1页，共12页
第2页，共12页
第1页，共12页
一个页面上有多个id相同的元素是无效的html。只会更新第一个元素
对角线
，使用类代替。您的请求从一开始就是有缺陷的；任何元素都不能共享相同的
id
属性。使用类对元素进行分组，就像对12个元素中的
span\u 1\u
元素进行分组一样