Возможно ли с помощью JQuery изменять класс каждые 5 раз, когда он отображается на странице?

Например, я работаю с api-скриптом, который выводит несколько записей контактов. API не дает мне доступа к области вывода записей, но дает мне <div class="style-close"></div> в конце каждого набора записей.

Запись выглядит так:

<div class="contact"> 
 <p>content </p>
<div class="contact-name><p>content</p></div>
<div class="contact-address><p>content</p></div>
</div>
<div class="style-close"></div>
0
Michael Falciglia 25 Дек 2013 в 05:16
Чего именно вы хотите достичь?
 – 
Andy Holmes
25 Дек 2013 в 05:20
Покажите код, который вы в настоящее время используете для отображения записей на странице.
 – 
Barmar
25 Дек 2013 в 05:21
Просто хочу ставить четкую метку после каждой 5-й записи.
 – 
Michael Falciglia
25 Дек 2013 в 05:22
Так происходит ли это после каждого 5-го контакта с родителями?
 – 
Andy Holmes
25 Дек 2013 в 05:22
Нет, я просто хочу поменять <div class="style-close"></div> на <div class="clear"></div> на пятом. В таблице стилей я просто хочу поместить clear:both;
 – 
Michael Falciglia
25 Дек 2013 в 05:24

1 ответ

Лучший ответ

Можно использовать :nth-of-type-selector

$('.style-close:nth-of-type(5n)').doSomething()

: nth-of-type () Документы

Примечание. То же самое можно сделать и в CSS без скрипта.

https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type

ДЕМО

2
charlietfl 25 Дек 2013 в 05:37