有沒有辦法將UL子菜單包裝到div？ （在wordpress中）

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">');