Как изменить стиль (цвет фона) для div внутри div

Question

Как чередовать стиль (цвет фона с помощью jquery) для div внутри div с id = "container" попеременно (четным и нечетным), если у меня есть HTML, подобный этому

<div id="container">
   <div></div> 
   <div></div>
   <div></div>
   <div></div>
...
</div>

Я знаю с таблицей, как

#tbl_users tr:nth-child(even) {background: #CCC;}
#tbl_users tr:nth-child(odd) {background: #FFF;}

а как делить применить что-то подобное?

Answer 1

Вы пробовали:

div#container div:nth-child(even) {background: #CCC;}
div#container div:nth-child(odd) {background: #FFF;}

nth-child должен работать независимо от тега.

Answer 2

$('#container>div:odd').css("background-color", "#ff0000");
$('#container>div:even').css("background-color", "#00ff00");

Answer 3

Он работает точно так же, как и с divs.С вышеупомянутой структурой вы можете получить тот же эффект с:

#container div:nth-child(even) {background: #CCC;}
#container div:nth-child(odd) {background: #FFF;}

Answer 4

<div id="container">
   <div>A</div> 
   <div>B</div>
   <div>C</div>
   <div>D</div>
</div>

div#container div:nth-child(even) {background: #FF00CC;}
div#container div:nth-child(odd) {background: #CC00FF;}

Пожалуйста, попробуйте эту ссылку http://codebins.com/codes/home/4ldqpbz

Answer 5

используя тот же трюк:

#container div:nth-child(even) {background: #CCC;}
#container div:nth-child(odd) {background: #FFF;}