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

这是我的问题, 有没有办法将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>

#1

使用$ .fn.wrap：

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