элементы jQuery 5 создают новую обертку следующие 5 в - PullRequest
Новая
       10

элементы jQuery 5 создают новую обертку следующие 5 в

0 голосов
/ 24 августа 2011

У меня есть центральная обертка, и в этой обертке я хочу добавить обертку, которая содержит 5 элементов, но для каждого 5-го раза в цикле я хочу добавить еще одну обертку для еще 5 элементов, а затем продолжить вниз по линии.

Моя проблема в том, что я не совсем уверен, как поймать новый добавленный контейнер для каждого 5-го набора элементов ... это мой текущий подход, в котором я застрял .. 

var workSpaceItem = '<div class="ztsWorkSpaceItem" style="width:114px;height:33px;border:#000 solid 1px;color:#FFF;float:left;"></div>'
$.each(workSpaceJSON.workSpace, function(e)
{
    if(e %5 === 0){$('#ztsWorkspaceBarCenter').append('<div class="ztsWorkSpaceItem"></div>');alert('five: '+e);}
});

1 Ответ

2 голосов
/ 24 августа 2011

Вы можете сохранить его в переменной (в нашем примере это называется «оболочка»): 

    var workSpaceItem = '<div class="ztsWorkSpaceItem" style="width:114px;border:#000 solid 1px;float:left;"></div>'
    var wrapper;

    $.each(workSpaceJSON.workSpace, function(e)
    {
      if(e %5 === 0){wrapper=$(workSpaceItem).appendTo('#ztsWorkspaceBarCenter');}
      wrapper.append('<p>'+e+'</p>');
    });

Демонстрация: http://jsfiddle.net/doktormolle/kF8tB/

...