如何包裝一個元素元素的十幾間jQuery中

Question

假設使用.wrap()可以包裝標籤上一個元素，但是我想包裝中打元素的標籤。我怎樣才能做到這一點？

感謝

前

<div class="jw_playlist_playlist"> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
</div> 

後

<div class="jw_playlist_playlist"> 
    <ul> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    </ul> 
</div> 

Answer 1

您可以使用wrapAll()：

$('.jw_playlist_playlist li').wrapAll('<ul>'); 

Answer 2

或從不同的directio想着它N，使用wrapInner

http://jsfiddle.net/z9Jah/

$('.jw_playlist_playlist').wrapInner('<ul />');​ 

Answer 3

抓住每一個項目，第一個LI，在它前面插入一個標籤。在最後一個LI上插入UL標籤

var listItems = $(".jw_playlist_playlist li"); 
$.each(listItems, function(i,v){ 
    if(i==0){ 
    $(this).insertBefore('<ul>'); 
    }else if(i == listItems.length - 1){ 
    $(this).insertAfter('</ul>'); 
    } 
});