Применить стиль / класс CSS к div

Question

У меня есть некоторые элементы div
Структура

<div id="comment">  
  <div id="m1">...</div>  
  <div id="m2">...</div>  
</div>

Я хочу применить CSS или Class к четному / нечетному внутреннему div комментариев (или к div m1 / m2)
Итак, я закодировал это, но это не сработало :(

$("div>div:even").addClass("evn");  

Что мне не хватает?

Answer 1

:even и :odd имеют индекс 0 и могут не дать результатов, которые вы ищете. Первый элемент имеет номер 0, и он четный, поэтому он выбирается :even, а не вторым.

Для 1-индексации вам не хватает псевдокласса :nth-child() :

$("div > div:nth-child(even)").addClass("evn");

Убедитесь, что вы правильно написали имя класса, я не знаю, определяет ли ваш CSS класс .evn ...

Answer 2

Эта ссылка может помочь вам решить вашу проблему

Сначала определите таблицы и div, как показано ниже в файле «index.html»,

<table border="1">
  <tr><td>Michael</td></tr>
  <tr><td>Sam</td></tr>
  <tr><td>John</td></tr>
  <tr><td>Jason</td></tr>
</table>
 <div>Michael</div>
 <div>Sam</div>
 <div>John</div>
 <div>Jason</div>

Теперь нам нужно написать скрипт для отображения другого цвета в альтернативной строке,

<script src="jquery.js"></script>
<script>
$(document).ready(function()
{
  //for div
  $("div:odd").css("background-color", "#F4F4F8");
  $("div:even").css("background-color", "#EFF1F1");
  //for table row
  $("tr:even").css("background-color", "#F4F4F8");
  $("tr:odd").css("background-color", "#EFF1F1");
});
</script>

Фильтры «четный» и «нечетный» можно использовать в jQuery для выбора нечетного или четного индексаэлементы. Как вы можете видеть выше, цвет фона нечетного и четного «div» изменяется с использованием метода «css» и «нечетных» и «четных» фильтров jQuery, и то же самое относится к четным и нечетным «tr»что означает для строки таблицы.