如何使用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()：

$(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')，这将引用ul内的所有div。

如果您只需要第一个ul

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