访问嵌套的html元素并设置其CSS

Question

下面给出了html文件的内容，我希望能够访问id =“z”的每个div，并使用js文件中的循环将它们设置为不同的背景颜色。

<div id="x">
  <div class="y">
       <div id="z">
       </div>
  </div>
  <div class="y">
       <div id="z">
       </div>
  </div>
  <div class="y">
       <div id="z">
       </div>
  </div>
     .
     .
 </div>

循环

for (i = 0; i < cnt; i++) { 
      $( " ? ? ? " ).css( "background", color[i] );      
}

Answer 1

使用唯一ID。在你的情况下，而不是ids使用类：

<div id="x">
   <div class="y">
           <div class="z">
           </div>
   </div>
   <div class="y">
           <div class="z">
           </div>
   </div>
   <div class="y">
           <div class="z">
           </div>
   </div>
         .
         . 
</div>

和JS：

$(".z").each(function(i) {
    $(this).css("background", color[i]);
}