javascript - 製品を2列で動的に表示

Question

ブラウザがIE8の場合でも、「製品」が2列で表示されるように変更しようとしているjsfiddlehttp : //jsfiddle.net/K5PGp/があります。

たとえば、8つの製品すべてが表示される場合、次のようになります。

1つ2つ

3 4

ファイブシックス

セブンエイト

1,3,5,7のみが表示されている場合は、次のようになります。

1つ3つ

ファイブセブン

2,4,6,8のみが表示されている場合は、次のようになります。

二、四

六八

Answer 1

簡略化されたソリューション

http://jsfiddle.net/w3bGj/

Answer 2

float:leftすべてのコンテナに使用します。そして、各ループで、1つおきの要素に明確な関数を適用します。

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

1つおきの要素は新しい行を強制します。