javascript – IE8的第N种替代方案

参见英文答案 > :nth-of-type() in jQuery / Sizzle?3个
我有一排产品div.需要在每四个项目后添加一个明确的div. 4连续.

我正在使用jQuery(‘.product：nth-​​of-type(4n 2)’).after(“< div class ='clear'>< / div>”);现在,但这不支持IE8.由于我们使用的是jQuery,因此选择性修复程序在这种情况下不起作用.

我也试过了

addDynamicRow = function() {
            var divs = $(".product-section > .product");
            for(var i = 0; i < divs.length; i+=4) {
              divs.slice(i,i+4).wrapAll("<div class='row'></div>");
            }  

            $('.row').after("<div class='clear'></div>")   
        }

        addDynamicRow();

但是,这也抓住了其他产品部分包装中的所有产品div,并将它们分成四个一组,无论它们在哪里.

有人知道一轮工作吗？我找不到解决方案了.

谢谢！

1/15/13更新：jQuery 1.9现在支持所有浏览器中的以下CSS3选择器,一直回到IE6 :: nth-last-child,：nth-​​of-type,：nth-​​last-of-type,： first-of-type,：last-of-type,：only-of-type,：target,：root和：lang.

解决方法

在IE条件语句中使用 https://github.com/keithclark/JQuery-Extended-Selectors结束.它现在正在运作.