jQuery .wrap() 不起作用

Question

我可能做错了什么，但我尝试了各种方法，但似乎无法获得包装的 jQuery 对象集合。以下仅输出未包装的链接 HTML。有什么想法吗？

$.each(sitemapSections, function(i) {
  var $sitemapSection = $(sitemapSections[i]);
  var $primary = $sitemapSection.find('a[data-level="1"]').wrap('<h3></h3>');

  $dropdownSections[i].html($primary);
});

编辑 - 这是标记(已清理):

<li id="product-solutions"><a href="#link" class="alpha grid-6">Products &amp; Solutions</a>

  <div id="ps-dropdown" class="dropdown-menu grid-20">
    <div class="ps-dropdown-section">

    </div><!-- .ps-dropdown-section -->

    <div class="ps-dropdown-section">

    </div><!-- .ps-dropdown-section -->

    <div class="ps-dropdown-section">

    </div><!-- .ps-dropdown-section -->
  </div><!-- .dropdown-menu -->
</li>

更新 - 我明白了!提到parent() 的评论是我所缺少的。这是最终的代码:

$.each(sitemapSections, function(i) {
  var $sitemapSection = $(sitemapSections[i]);
  var $primary = $sitemapSection.find('a[data-level="1"]').wrap('<h3></h3>').parent();

  $dropdownSections[i].html($primary);
});

Answer 1

jquery .wrap() 将 INNER 元素返回给您，因此看起来没有任何变化。

$("<div>").wrap('<span>') 

===> 

[<div></div>]

看起来它不起作用。

但是:

$("<div>").wrap('<span>').parent()

===>

[<span><div></div></span>]

它确实有效。