jQuery：nth-​​child选择器不在ie7中工作

Question

所以我有一个div网格，而不是所有相等的高度，我需要它们全部正确排列。我已经使用了nth-child jQuery选择器（见下文）来选择每一行的第一个div并对其应用 clear：both 样式。这适用于ie8及以及chrome和safari，但在ie7中它只是忽略了第n个子位，因此不适用我的css。

我在css3上使用了jQuery，因此它可以在ie7中运行 - 所以我不会感到困惑，因为它不是......

在http://jackbeck.co.uk/?portfolio=courses

上查看html

标题中的jQuery代码：

<script type="text/javascript">
    jQuery(document).ready(function($){
        $('.project.small:nth-child(4n+1)').css("clear", "both");
    });
</script>'    

任何人都可以提供帮助吗？

Answer 1

YES; IE8＆amp;下面不支持nth-child伪选择器。但是如果你想要IE support而不是你必须使用http://selectivizr.com/ js。

Answer 2

您的jQuery不起作用，因为您使用的是$而不是jQuery（这是WordPress的事情）。试试这个：

<script type="text/javascript">
    jQuery(document).ready(function($){
        jQuery('.project.small:nth-child(4n+1)').css("clear", "both");
    });
</script>

jQuery选择器本身确实可以在IE7中运行。那不是你的问题。您的问题与CSS有关。

Answer 3

不幸的是IE7 doesn't support nth-child选择器。