Чтобы добавить другой цвет с помощью JQuery и CSS

Question

<div id="autoSuggestedPlaces"> 

     <div> 
      <div> 

      </div> 
     </div> 

     <div> 
      <div > 

      </div> 
     </div> 

     <div> 
      <div> 

      </div> 
     </div> 


</div> 

мой HTML разметка lookes как это я хочу добавить, я хочу добавить еще ДИВ имеют различные цвета задний и нечетное DIV имеют различные цвета, я попытался это, но с помощью DIV .even и div.odd, но не работает.

Answer 1

Попробуйте

$("div#autoSuggestedPlaces div div:even").css("background-color", "#bbbbff"); 
$("div#autoSuggestedPlaces div div:odd").css("background-color", "#ffffff"); 

Answer 2

Попробуйте использовать :even и :odd

div.even подберет все Div элементы с именем класса even.

Также как указано, @Haim никогда не использует одинаковый идентификатор для нескольких элементов.

.first 
{ 
    background-color: yourfirstcolor; 
} 


.second 
{ 
    background-color: yoursecondcolor; 
} 

$("#autoSuggestedPlaces div:even").addClass("first"); 
$("#autoSuggestedPlaces div:odd").addClass("second"); 

Answer 3

код как:

$("div:odd").css("background-color", "#F4F4F8"); 
    $("div:even").css("background-color", "#EFF1F1"); 

и используя тот же идентификатор дважды в одном документе не является действительным HTML. Исправьте свой HTML.