将一个ul元素溢出到下一个元素中

Question

我ul在页面上有许多元素.我想人为地限制li它可以包含的元素数量.当达到该限制时,我希望它溢出到ul页面上的下一个(直到它达到限制并溢出到下一个).等等.

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

在上面的例子中,我将它限制为4个列表项,然后溢出到下一个<ul>:

<ul>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
</ul>

我想用jquery做这件事.谢谢.

Answer 1

假设您有一个这样的元素数组,请尝试以下代码

var items = [1,2,3,4,5,6,7,8];

var count = 0;
var ul;
$.each(items, function(){
  if(count == 0)
   ul = $("<ul />").appendTo(document.body);

  ul.append("<li>"+this+"</li>");

  count = (count + 1) % 4;
});