jQuery как добавить изображения к нескольким div

Question

Я использую jquery json для возврата изображений из flickr. Если я хочу добавить все изображение в один div, это не проблема. То, что я хочу сделать, - вернуть 36 изображений, но добавить 1-9 изображений в div 1 и 10-18, чтобы разделить два 19-27 на div три и 28-36 на четыре.

Answer 1

Это следует сделать это:

Пример:http://jsfiddle.net/9KyaK/

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

Предполагает $images является коллекция изображений, и каждый ДИВ имеет идентификатор div0', 'div1 и т.д.

---

EDIT: У меня был .appendTo('#div' + i); вместо .appendTo('#div' + (i/9));. Исправлен и добавлен пример.

---

EDIT: Для вашего конкретного кода, добавьте в конце 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); 
    } 
});