将现有的 UL 附加到现有的前面的 LI

Question

我正在尝试将现有 ul 移动到 ul 之前的现有 li。

<ul class="sub-menu" aria-labelledby="desktop-submenu">
  <li class="has-children current-page-ancestor current-page-parent">
    <a href="/improve-clinical-care/clear/" class="current_page_item">Clear</a>
  </li>
  <ul class="sub-sub-menu">
    <li class="level-three">
      <a href="/improve-clinical-care/clear/clears-story/" class="current_page_item">Clear's Story</a>
    </li>
    <li class="level-three current-menu-item page-item-34 current_page_item">
      <a href="/improve-clinical-care/clear/sign-up-for-clear/" class="current_page_item">Sign-Up for Clear<span class="sr-only">(current)</span></a>
    </li>
  </ul>
  <li class="has-children critical-care">
    <a href="/improve-clinical-care/critical-care/" class="current_page_item">Critical Care</a>
  </li>
  <ul class="sub-sub-menu">
    <li class="level-three">
      <a href="/improve-clinical-care/critical-care/pain-agitation-delirium/" class="current_page_item">Pain Agitation &amp; Delirium</a>
    </li>
    <li class="level-three">
      <a href="/improve-clinical-care/critical-care/glycemic-control/" class="current_page_item">Glycemic Control</a>
    </li>
    <li class="level-three">
      <a href="/improve-clinical-care/critical-care/critical-care-working-group/" class="current_page_item">Critical Care Working Group</a>
    </li>
  </ul>
</ul>

我想做的是将 <ul class="sub-sub-menu"> 项移到前面的 <li class="has-children"> 中，因为我们显然不能将 ul 作为另一个 ul.

jQuery 甚至可以做到这一点吗？我已经非常接近 append() 方法，但是因为 has-children 出现了太多次，我最终得到了 has-children LI 之一和所有 sub-sub-menu附加到它。

如有任何帮助，我们将不胜感激。谢谢帮派！

Answer 1

我已经解决了我自己的问题 - 呜呜！

$(".sub-sub-menu").each(function() {
    $(this).prev(".has-children").append(this);
});

显然我已经接近了很多次，但只是缺少 prev 而不是 siblings 或 closest。

将现有的 UL 附加到现有的前面的 LI

Append Existing UL to Existing Preceding LI

jquery

append

siblings