Делаю плиточную сетку, не могу понять, как работать с каждой строкой. Все работает, но только для одной строки. Суть такая: есть предыдущая строка, в ней есть элементы, из этих элементов забираем высоту каждого. И есть следующая строка, в которой мы забираем из элементов offset().top. И пишем для элементов следующей строки верхний отрицательный маржин (-оффсет элементов следующей строки + высота элементов предыдущей строки). Все работает, но только для одной строки, как сделать так, чтобы скрипт работал со всеми предыдущими/следующими строками?
var g = 50, off = [], h = [], total = [];
$('.row').prev().children().each(function(j){
h[j] = $(this).height();
});
$('.row').next().children().each(function(i){
off[i] = $(this).offset().top;
total[i] = -off[i]+h[i];
$(this).css('margin-top', + total[i] + g + 'px');
});
$('h2').text('height: ' + h + ' | ' + 'offset: ' + off);
![](https://previews.dropbox.com/p/thumb/AAX2Mil7_wYJSPZMGBKPAlK-mmz0gnzRHXkfbMjxWwxJSPm_fwaL2h2kznj8EhMHkDedSkSTcTehFJdQZqCbHaVHG1-dUt5zXyNgfl7kco4VgVhrXROESYguDzZc0RxWS5k5kj8_G5KUA2b1NOQ1tEOVG4BRE_XeTpU0Ecqd_JSydmeFbhMmrEUx7BwS8OkZLe58Me2FNJNiv94TV6PDY9fG1MYUBrpC4aVENzvTrNT2emxkXzLZPtrVztrA28SvOSPiaEYrUlqCwKeY9pvix_pgRKoYevbPmcBRCnMtPsOExwGwfBH89HOs2-OhMbtlLOUdpmO6YeIDfW7kbGuXEhqK/p.png)