jquery - jQuery wrapAll() 不适用于 ul 类

Question

我有一个小脚本代码，wrapAll()当我以 div ID 为目标时，它的函数与 div id 一起使用，但如果我尝试以 ul 类为目标，它就不起作用：

<script>
        $("#block-tb-megamenu-main-menu").wrapAll("<div class='tb-megamenu tb-megamenu-main-menu style-white'/>");
      </script>

<section id="block-tb-megamenu-main-menu" class="block block-tb-megamenu clearfix">

<ul class="tb-megamenu-nav nav level-0 items-4">
  <li data-id="398" data-level="1" data-type="menu_item" data-class="" data-xicon="" data-caption="" data-alignsub="" data-group="0" data-hidewcol="0" data-hidesub="0" class="tb-megamenu-item level-1 mega dropdown">
  <a href="/solutions" class="dropdown-toggle disabled">

    Solutions         
          </a>
</li>
</ul>
</section>

如果我将 更改#block-tb-megamenu-main-menu为ul.tb-megamenu-nav（或just .tb-megamenu-nav），则脚本不起作用。我想知道是否有人对它为什么不起作用有任何见解。

Answer 1

在 dom 就绪处理程序中添加脚本并查看

jQuery(function(){
    $("ul.tb-megamenu-nav").wrapAll("<div class='tb-megamenu tb-megamenu-main-menu style-white'/>");
})

演示：包裹 UL，包裹部分