有没有办法将 UL 子菜单包装到 div？

Question

这是我的问题，有没有办法将 WordPress UL 子菜单包装到 div？

WordPress 输出是这样的：

<ul>
  <li>link 1</li>
  <li>link 2</li>
  <li>link 3
    <ul class="sub-menu">
      <li>Sub-link 1</li>
      <li>Sub-link 2</li>
      <li>Sub-link 3</li>
    </ul>
  </li>
</ul>

我需要得到这个：

<ul>
  <li>link 1</li>
  <li>link 2</li>
  <li>link 3
    <div class="wrap">
      <ul class="sub-menu">
        <li>Sub-link 1</li>
        <li>Sub-link 2</li>
        <li>Sub-link 3</li>
      </ul>
    </div>
  </li>
</ul>

Answer 1

使用$.fn.wrap：

$('.sub-menu').wrap('<div class="wrap">');