jquery – 在div容器中包装> items的范围

2023年5月31日 236次阅读

假设我有以下DOM树：

<div id="parent-container">
 <ul>
  <li>item-1</li>
  <li>item-2</li>
  <li>item-3</li>
  <li>item-4</li>
  <li>item-5</li>
  ...
 </ul>
</div>

如何将项目3中的所有项目包装到div中的n个项目或另一个ul或我可以用来在容器上施加垂直滚动条的任何元素,该容器从第3项开始保存项目.

期望的输出应该是：

<div id="parent-container">
 <ul>
  <li>item-1</li>
  <li>item-2</li>
  <div id="child-container">
   <li>item-3</li>
   <li>item-4</li>
   <li>item-5</li>
   ...
   </div>
 </ul>
</div>

我试过以下但没有运气：

$(‘#parent-container ul *：nth-​​child(n 3)’).wrapInner(‘< div class =“child-container”>< / div>‘);

最佳答案 使用jQuery：gt()选择器然后使用.wrapAll()方法.

$('#parent-container li:gt(3)').wrapAll('<div id="child-container"></div>'))

见documentation

点赞