参见英文答案 >
:nth-of-type() in jQuery / Sizzle?3个
我有一排产品div.需要在每四个项目后添加一个明确的div. 4连续.
我有一排产品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结束.它现在正在运作.