使用jQuery在两个相等的列表中拆分多个无序列表

<ul id="list1">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

<ul id="list2">
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
</ul>

var list1 = $('#list1');
var list2 = $('#list2');

var itemCount = list1.children('li').length;

var numLists = Math.ceil(itemCount / 3);

for (var i = 0; i < numLists; i++) {
  var newList = $('<ul></ul>'); // 创建新的无序列表

  // 将相应数量的子元素移动到新的列表中
  list1.children('li').slice(0, 3).appendTo(newList);
  list2.children('li').slice(0, 3).appendTo(newList);

  // 将新的列表添加到文档中
  newList.appendTo('body');
}