Всем доброго времени суток. Подскажите, пожалуйста, как сделать выборку по дате:
Имеется список новостей следующего вида
<dl>
<dt data-data="Fri, 30 Jun 2017 12:17:17 +0000">30 июня, 12:17</dt>
<dd><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing.</a></dd>
<dt data-data="Fri, 30 Jun 2017 11:22:43 +0000">30 июня, 11:22</dt>
<dd><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing.</a></dd>
<dt data-data="Fri, 30 Jun 2017 11:15:30 +0000">30 июня, 11:15</dt>
<dd><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing.</a></dd>
</dl>
Через data-data передаю дату публикации (могу указать любой вариант формирования даты и время через php)
Нужно написать скрипт, который будет находить первую по дате публикации новость и выделять одним цветом, вторую – другим и т.д.
Если бы список dl был один, то решил бы вопрос с помощью CSS:
<style>
dd:nth-child(1) a {color: lime}
dd:nth-child(2) a {color:red}
</style>
но списков dl много
<dl>
<dt>..</dt>
<dd>..</dd>
<dt>..</dt>
<dd>..</dd>
<dt>..</dt>
<dd>..</dd>
</dl>
<dl>
<dt>..</dt>
<dd>..</dd>
<dt>..</dt>
<dd>..</dd>
<dt>..</dt>
<dd>..</dd>
</dl>
..
Я так понимаю, что нужно пройтись по всем атрибутам data-data элементов dt, сверить дату и время с текущей (текущую дату и время могу вывести через php, если нужно, и загнать в переменную) и назначить первой dd один цвет ссылки, второй – другой цвет и т.д. Но как реализовать всё это на jQuery не знаю. Поэтому и пишу сюда. Надеюсь на ваши подсказки