jQuery wrapAll()不使用ul类

Question

当我针对div时，我有一个带有wrapAll()函数的小脚本代码，它与div一起工作，但是如果我试图针对一个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，包装段