jquery - 让 nth-child 在 IE8 及更低版本中工作

Question

我正在使用以下代码：

.c-1:first-child, .c-2:first-child, .c-1:nth-child(4n+1) { margin-left: 0; }

这很好用，但我需要为不支持 nth-child 的浏览器（如 IE8）模仿这一点。

我已经尝试使用这个 jQuery 代码来添加一个类，但没有任何反应，这个代码对吗？

// Support nth child in IE8
$('.c-1:first-child').addClass('remove');
$('.c-2:first-child').addClass('remove');
$('.c-1:nth-child(4n+1)').addClass('remove');

Answer 1

.eq(<index>)您可以为此使用 jQuery 。

例如：

$('.c-1').eq(0).addClass('remove');

Answer 2

也许看看下面的文章：

http://abouthalf.com/2011/07/06/poor-mans-nth-child-selector-for-ie-7-and-8/

但所描述的解决方案仅适用于 ie7 和 8，不幸的是，在 ie6 中它不会

Answer 3

有一个库可以填充 IE 中缺少的 CSS 功能：

http://code.google.com/p/ie7-js/

使用IE9版本会:nth-child()根据功能列表访问：http: //ie7-js.googlecode.com/svn/test/index.html

Answer 4

我建议使用http://selectivizr.com/

对于伪元素 IE8。我知道它的旧帖子，但也许 some1 会发现它很有用:)