jQuery 5元素创建一个新的包含下一个5 in

时间:2011-08-24 02:05:02

标签: javascript jquery each

我有一个中心换行,在那个换行中我想要附加一个包含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 个答案:

答案 0 :(得分:2)

您可以将其存储在变量中(在示例中称为“包装器”):

    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/