jQuery 5元素創建一個新的包裝下一個5

Question

我有一箇中央包裝，並在該包裝內我想附加一個包含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);} 
}); 

Answer 1

你可以把它存儲在一個變量（稱爲例中的 「包裝」）：

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/