Доступ к вложенным элементам html и их настройке css

Question

Ниже приведено содержимое html-файла, и я хочу иметь доступ к каждому из div с id = "z" и устанавливать их на другой цвет фона с использованием цикла в файле 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

использовать уникальные идентификаторы. В вашем случае вместо идентификаторов использовать классы:

<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]); 
}