Question

我有一个列表，需要其他所有项目来更改颜色并删除其边距。我使用了nth-child，除了IE7-8之外，它可以完美地运行。我知道他们不支持nth-child所以我使用了Jquery。

我发现了这个：:nth-child is not working in IE 而这：http://verboselogging.com/2010/01/17/making-nth-child-work-everywhere

我试图实现它们但它仍然无法正常工作。你可以在这里查看： http://www.dffernandez.com/client_review_files/tests/nth-child.html

#prop-images-wrapper {
float: left;
margin-bottom: 0.6em;
background-color: #F00;
width: 340px;
margin-right: 5px;}

#prop-images-wrapper li:nth-child(2n+1), .difcolor {
margin-right: 0px;
background-color: #06F;}

-

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>$(document).ready(function(){
$("#prop-images-wrapper li:nth-child(2n+1)").addClass("difcolor");
});</script>

提前谢谢。

Answer 1

您忘记在测试页中加载jquery。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

http://jsfiddle.net/m6vnt/1/

Answer 2

如果你使用jquery设置第n个子节点，只需使用jquery代替所有内容，而不是使用css块和jquery代码。

查看以下jsfiddle

http://jsfiddle.net/RjGpC/1/

在以下行

中

#prop-images-wrapper li:nth-child(2n+1), .difcolor {

只需删除li:nth-child(2n+1),

即可

n-child没有工作

2 个答案: