Как перебрать элементы на jQuery?

Question

[Igor Fedorov]

Есть некоторая структура:

<div class="services">
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <div class="if_3"><a class="btn">Ссылка</a></div>
    <!-- И так далее -->
<div>

Как к первой ссылке .btn добавить класс class1,
ко второй добавить класс class2
к третьей — class3
к четвёртой — class4
к пятой снова class1
к шестой снова class2
И так далее. То есть по кругу. Подскажите, пожалуйста, как так сделать?

Answer 1

[Алексей Уколов]

jsfiddle.net/koceg/rx5n5L8h/1
Или на чистом CSS - jsfiddle.net/koceg/rx5n5L8h/2

Answer 2

[Дмитрий]

на css
jsfiddle.net/soledar10/7v294jrx

Answer 3

[bromzh]

https://api.jquery.com/nth-child-selector/

Comments

[Igor Fedorov]

Neoline: как вариант, да.