Каким образом у каждой второй строки у div-а с картинкой добавить класс?

Question

[malayamarisha]

Доброго времени суток!
На странице располагается список новостей.
В списке новостей у каждой новости есть изображение и описание.

<div class="row align-items-center">
<div class="col-md-6">Изображение</div>
<div class="col-md-6">Текст</div>
</div>
<div class="row align-items-center">
<div class="col-md-6">Изображение</div>
<div class="col-md-6">Текст</div>
</div>
</div>

Подскажите, пожалуйста, каким образом у каждой второй строки у div-а с картинкой добавлять класс .order-md-2.
Необходимо для того, чтобы изображения выводились как бы в шахматном порядке.

Answer 1

[shsv382]

попробуй один класс и псевдоклассы :nth-child(even) / :nth-child(odd)

Answer 2

[drawnofmymind]

задай изображению класс например .img
обратить к нему с помощью img:nth-child(even){}(будет обращение ко всем четным элементам)
и занеси в него стили которые предназначены для .order-md-2

Answer 3

[Андрей Пастухов]

const selector = '.row.align-items-center:nth-child(2n) .col-md-6:nth-child(2n)';
const divList = document.querySelectorAll(selector);
divList.forEach(div => div.classList.add('order-md-2'));

Answer 4

[malayamarisha]

Спасибо огромное за варианты ответов.
Удалось сделать так:

<div class="row align-items-center img__location">
<div class="col-md-6">Изображение</div>
<div class="col-md-6">Текст</div>
</div>
<div class="row align-items-center img__location">
<div class="col-md-6">Изображение</div>
<div class="col-md-6">Текст</div>
</div>
</div>

.img__location:nth-child(2n)>.col-md-6:first-child {
	order: 2;
}