2011-08-24 69 views
0

我有一个中央包装,并在该包装内我想附加一个包含5个项目的包装,但通过循环每5次我想添加另外5个元素的包装,然后继续下去..jQuery 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);} 
}); 

回答

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/

相关问题