與格替換李和使用jquery

Question

我有一個無序列表，就像

<ul class="outer"> 
    <li class="item"> 
     <div class="image"> ... </div> 
     <div class="content"> ... </div> 
    </li> 

    <li class="item"> 
    <div class="image"> ... </div> 
    <div class="content"> ... </div> 
    </li> 
    . 
    . 
    . 
    . 
</ul> 

我需要使用jquery與div更換li & ul所以它會像

<div class="outer"> 
    <div class="item"> 
     <div class="image"> ... </div> 
     <div class="content"> ... </div> 
    </div> 

    <div class="item"> 
    <div class="image"> ... </div> 
    <div class="content"> ... </div> 
    </div> 
    . 
    . 
    . 
    . 
</div> 

試圖刪除UL但作爲即時新我coludn't

這裏是我的小提琴http://jsfiddle.net/3G7xy/1/

Answer 1

我認爲這將是更好地使用包裝/拆開包裝，而不是取代（）

$('.mylist ul').wrap('<div class="outer"/>').contents().unwrap(); 
$('.mylist li').wrap('<div class="item"/>').contents().unwrap(); 

演示：Fiddle