添加div arround while while循環

Question

我有這個腳本。

var $bigList = $('.list-products'), group; 
while((group = $bigList.find('li:gt(3):lt(4)').remove()).length) { 
    $('<ul class="list-products"/>').append(group).appendTo('.box-products'); 
} 

但我想每隔一個div。

$('<div class="container"><ul class="list-products"/>').append(group).appendTo('.box-products'); 

但是，這是行不通的。我錯了什麼？

Answer 1

看起來你正在創建一個div，但實際上沒有加入<ul>標籤作爲一個孩子，你可以試試：

$('<div class="container"></div>').append($('<ul class="list-products"/>').append(group)).appendTo('.box-products'); 

，或者如果仍然不能解決你的問題，你可能要拆分聲明。

var $div = $("<div></div>"); 
$div.append($('<ul class="list-products"/>').append(group)).appendTo('.box-products'); 

我沒有時間做小提琴，但我可以，如果這些解決方案都沒有工作。