首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery :第n个子对象不在IE中工作

jQuery :第n个子对象不在IE中工作
EN

Stack Overflow用户
提问于 2012-06-08 02:15:36
回答 5查看 5.2K关注 0票数 4

我正在使用这个代码

代码语言:javascript
运行
复制
$('.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上就不行了。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2012-06-08 03:02:44

jQuery在没有本机浏览器支持的情况下处理nth-child。它在IE7、8和9+上运行得很好。

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

票数 4
EN

Stack Overflow用户

发布于 2012-06-08 02:19:01

IE 6-8不支持nth-child。IE9支持它。参见here

有关可能的解决方法,请参阅this question

票数 2
EN

Stack Overflow用户

发布于 2012-06-08 02:51:46

听起来好像还有什么地方不对劲。即使在IE6中,您的代码也应该可以工作-尽管IE<9本身并不支持nth-child,但jQuery的选择器引擎(Sizzle)会隐式地为您处理它。

试一下这段代码:

代码语言:javascript
运行
复制
<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中,您也应该...

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10937474

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档