Question

I’m a total jquery nube and i have a deadline, so help, usually i don’t ask for easy answeres, i’m not lazy but i need help to finish the project in time.

Basically i have:

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
.........
<li></li>
</ul>

I need a jquery function that will cound all the <li>‘s.

Then for each

that ins’t divideable by 4 (that would be

nr 1,2,3,5,6,7,9 … etc) to add a custom style, in this case a margin right of 10 px.

Thank you,
I understand if you won’t code this, just give me a hit.
Take care

Answer 1

Here you go:

jQuery:

$('#list > li:nth-child(4n)').addClass('special');

CSS:

li { margin-right:10px; }
li.special { margin-right:0; }

Live demo: http://jsfiddle.net/nhRBG/