javascript - 在两列中动态显示产品

Question

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

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

一二

三四

五六

七八

如果只显示 1,3,5,7，它应该是这样的：

一三

五七

如果只显示 2,4,6,8，它应该是这样的：

二四

六八

Answer 1

Simplified solution

http://jsfiddle.net/w3bGj/

Answer 2

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

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

每隔一个元素将强制换行。