javascript - jQuery 将元素包裹在很多元素周围

Question

我有以下 html 并且想用 javascript 或 jquery 围绕所有 li 包装一个 div(它没有定义有多少 li)

<div class='example1'>
  <div class='example2'>
  <h1>Test</h1>
  <div class='example3'>
  <li></li>
  <li></li>
  ...
  <li></li>
  <li></li> 
</div>

结果应该是这样的

<div class='example1'>
  <div class='example2'>
  <h1>Test</h1>
  <div class='example3'>
  <div class='lis'>
    <li></li>
    <li></li>
    ...
    <li></li>
    <li></li>
  </div>    
</div>

我无法在现有的 html 中添加任何其他内容 :(

你能帮帮我吗？

Answer 1

你可以使用 wrapAll :

$('li').wrapAll('<div class=lis></div>');

但是 HTML 规范规定 LI elements are only permitted in UL, OL and MENU ，而不是 DIV。

Demonstration