javascript - while ループの周りに div を追加する

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');

私にはフィドルを作る時間がありませんが、これらの解決策のどちらも機能しない場合は可能です。