如何使用JQuery自动将所有`ul`元素包装在`div`中? [英] How to wrap all `ul` elements in `div` with JQuery automatically?

问题描述

如何使用JQuery自动将div中的所有ul元素包裹起来?

<ul><li>项目一</li><li>项目二<ul><li>两个项目之一</li>

但我想要的是:

<div><ul><li>项目一</li><li>项目二<div><ul><li>两个项目之一</li>

解决方案

只需使用 wrap 函数即可

$(document).ready(function(){var myuls = $("#my_uls").find("ul");for(var i=0;i
");}});

How to wrap all ul elements in div with JQuery automatically?

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

But what I want:

<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>

解决方案

Just use wrap function for this

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

这篇关于如何使用JQuery自动将所有`ul`元素包装在`div`中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！