我正在使用这个代码
$('.list-item:nth-child(5n)').after('<div class="clear"><img src="http://domain.com/image.jpg" width="780" height="80" alt="banner" /></div>')
这在火狐和Chrome上运行得很好,但在IE8,IE9上就不行了。
发布于 2012-06-08 03:02:44
jQuery在没有本机浏览器支持的情况下处理nth-child
。它在IE7、8和9+上运行得很好。
小提琴:http://jsfiddle.net/jonathansampson/Y3MP4/
发布于 2012-06-08 02:19:01
IE 6-8不支持nth-child
。IE9支持它。参见here。
有关可能的解决方法,请参阅this question。
发布于 2012-06-08 02:51:46
听起来好像还有什么地方不对劲。即使在IE6中,您的代码也应该可以工作-尽管IE<9本身并不支持nth-child,但jQuery的选择器引擎(Sizzle)会隐式地为您处理它。
试一下这段代码:
<script>
$("ul").remove();
var ul = $("<ul>");
for (var i = 1; i < 100; i++) {
$("<li>", {
"class" : "list-item",
html : i
}).appendTo(ul);
}
ul.appendTo(document.body);
$('.list-item:nth-child(5n)')
.after('<div class="clear">Clear!</div>')
</script>
你看到“清楚了吗!”备注?即使在IE6中,您也应该...
https://stackoverflow.com/questions/10937474
复制相似问题