javascript - 如何在 4th 之后包装所有元素

Question

我需要 jQuery 脚本，它用 div 类 wrapper 包装第 4 个 li 之后的所有元素。第 4 个 li 之后的元素个数不固定，可能是 10 个或 5 个。

你能帮我解决这个问题吗？谢谢!

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <div class="wrapper">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </div>
</ul>

Answer 1

var lis = $("ul li");
lis.slice(4).wrapAll("<li class='wrapper'><ul></ul></li>");

lis.slice(4) 这将选择从索引 4 开始的 li 元素

wrapAll 将在所有 li 元素周围包装一个包装器元素。