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

Question

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

<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() ：

 $(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 2

只需為此使用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 3

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

如果只需要第一個ul

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