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只允许元素UL,OL而MENU不是DIV.

示范