如何使用JQuery自動將`div`中的所有`ul`元素自動包裝？

Question

如何使用JQuery自動包裝所有ul元素div？

<div id="my_uls"> 
    <ul> 
    <li>Item one</li> 
    <li>Item two 
     <ul> 
      <li>Item one of two</li> 
     </ul> 
    </li> 
    </ul> 
</div> 

但我想：

<div id="my_uls"> 
    <div> 
    <ul> 
     <li>Item one</li> 
     <li>Item two 
      <div> 
       <ul> 
        <li>Item one of two</li> 
       </ul> 
      </div> 
     </li> 
    </ul> 
    </div> 
</div> 

Answer 1

只需使用wrap功能此

<scrpt> 
     $(document).ready(function(){ 
     var myuls = $("#my_uls").find("ul"); 
     for(var i=0;i<myuls.length;i++){ 
      $(myuls[i]).wrap("<div></div>"); 
     } 
     }); 
    </script> 

Answer 2

您需要使用.wrap()：

$(function() { 
 
    $("ul").wrap("<div />"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="my_uls"> 
 
    <ul> 
 
    <li>Item one</li> 
 
    <li>Item two 
 
     <ul> 
 
     <li>Item one of two</li> 
 
     </ul> 
 
    </li> 
 
    </ul> 
 
</div>

Answer 3

$('#my_uls ul')，這將引用您所有的ul裏面的div。

如果你需要第一ul只有

$('#my_uls ul:not(#my_uls ul ul)')。