IE8的第N种替代方案

Question

我有一排产品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.

Answer 1

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