Can I count elements using jQuery?

Question

I have a list in a ul that is in an ASP repeater. The list is set to overflow with a scrollbar and to only show 16 lis at a time. Is there a jQuery count function that I can use that would allow me to select every "16th" li and add a specific class to it?

Selecting the last one won't work because the 16th div is not the last div since it is in a repeater.

Answer 1

Yes there is, it's called :nth-child.

Sample:

$("ul li:nth-child(16n)").addClass("sixteenth");

Answer 2

If you want to apply class to every element after 16^th then you can use :gt(index) selector.

$("ul li:gt(16)").addClass("CLASS_NAME");

remember :gt, :lt etc selectors use zero based index.

for every 16^th ofcouse you can use :nth-child(index)

$("ul li:nth-child(16)").addClass("CLASS_NAME");

remember :nth-child based selectors use 1 for first element.

Answer 3

You could try an .each function:

$("ul li").each(function(index, domEle) {
    if (index%16==0) {
          $(domEle).addClass("CLASS_NAME");
    }
});