Alternative for nth-child for older IE browsers

Question

Is there an alternative for targeting elements using nth-child() for older IE browsers?

There will also be enough Javascript (not jquery).

EDIT: if additional libraries cannot be added to the page.

Answer 1

You can use jQuery : nth-child () selector ;

 $("li:nth-child(even)") // target even li's $("li:nth-child(odd)") // target odd li's $("li:nth-child(5n)") // target the fifth li 

Answer 2

it sucks a little, but you can

 ul > li {} /* first-child, overwritten by below */ ul > li + li {} /* second-child, overwritten by below, etc */ ul > li + li + li {} ul > li + li + li + li {} 

Repeat as necessary.

Answer 3

There is Selectivizr: http://selectivizr.com/

:nth-child supported in every javascript framework that works with it, including jQuery.

The big advantage when using this is that it reads directly from your CSS files, rather than writing extra javascript (this is unobtrusive). You can simply use the advanced selectors as usual.

Answer 4

You can use IE9.js polyfill: http://ie7-js.googlecode.com/svn/test/index.html .