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 );
    }
});