动态显示两列产品

Question

我正在尝试修改jsfiddle http://jsfiddle.net/K5PGp/，以便即使浏览器是IE 8，它也会在两列中显示“产品”。

例如，如果显示所有8个产品，它应如下所示：

一两

三四

五六

七八

如果只显示1,3,5,7，它应如下所示：

一三

五七

如果仅显示2,4,6,8，则应如下所示：

两个四个

六八

Answer 1

简化解决方案

http://jsfiddle.net/w3bGj/

Answer 2

对每个容器使用float:left。并在每个循环中对每个第二个元素应用一个清除函数：

$.each(elements, function(i) {
    $product = $('<div>');
    if(i%2 == 0) {
        $product.addClass('clear');
    }
    $('div').append($product);
});

每隔一个元素就会强制换一行。