jQuery:nth-​​child不在IE中工作

我正在使用此代码

$('.list-item:nth-child(5n)').after('
banner
')

这在Firefox和Chrome中运行良好,但在IE8,IE9中无效…

jQuery处理nth-child缺乏本机浏览器支持。 它适用于IE7,8和9+。

小提琴: http : //jsfiddle.net/jonathansampson/Y3MP4/

IE 6-8不支持nth-child 。 IE9支持它。 看到这里 。

请参阅此问题以获取可能的解决方法。

听起来好像还有其他不妥之处。 您的代码甚至可以在IE6中运行 – 虽然IE <9本身不支持nth-child,但jQuery的选择器引擎(Sizzle)会隐式为您处理它。

给这个代码一个:

  

你看到“清楚!” 言论? 即使在IE6中,你也应该……

实际上有一个脚本,你可以在你的js文件夹中上传,并在你的标题中添加一些条件,nth-child将在IE 6,7和8中工作。你可以在这里了解更多,如果你需要使用圆角,你需要安装另一个名为curvycorners.js的脚本它们真的很节省时间。 祝好运

jQuery nth-child选择器在IE8中涉及复杂选择器的某些极端情况下不起作用。

以下需要在IE8中进行修改。

 //Works fine in IE9+, FF and Chrome. //dataColumn = jQuery('.table-header div.rf-edt-hdr + div table table tbody > tr:nth-child(1) td:nth-child(1)'); //headerColumn = jQuery('div.table-header > div.rf-edt-hdr table table > tbody > tr td:nth-child(1)'); dataColumn = jQuery('.table-header div.rf-edt-hdr + div table table tbody > tr').eq(0).find('td').eq(0); headerColumn = jQuery('div.table-header > div.rf-edt-hdr table table > tbody > tr td').eq(0); 

注意:nth-​​child是基于1索引的。 eq()是基于0索引的。