jQuery如何将图像附加到多个div

Question

我正在使用 jquery json 从 flickr 返回图像。如果我想将所有图像附加到一个 div 那不是问题。我想要做的是返回 36 个图像，但将 1-9 个图像附加到 div 1 和 10-18 到 div 2 19-27 到 div 3 和 28-36 到 div 4。

Answer 1

应该这样做：

示例： http://jsfiddle.net/9KyaK/

$images.each(function( i ) {
    if( i % 9 === 0 )
        $images.slice(i, i + 9).appendTo('#div' + (i / 9) );
});

假设$images是图片的集合，每个div的id为div0', 'div1等

---

编辑：我有.appendTo('#div' + i ); 而不是.appendTo('#div' + (i / 9) );。修正并添加了一个示例。

---

编辑：对于您的特定代码，请将其添加到 getJSON 回调的末尾。在for 循环之后。

var $flickr = $('#flickr'); 
var $images = $flickr.children('a');

$images.each(function( i ) {
    if( i % 9 === 0 ) {
        var newDiv = $('<div/>',{id:'div'+(i/9)}).appendTo($flickr);
        $images.slice(i, i + 9).appendTo( newDiv );
    }
});