移動列表使用jQuery

Question

我在this fiddle一個列表，它被畫成父標籤內，

<li>List 1</li> 
<li>List 2</li> 
<li>List 3</li> 

我怎樣才能增加它的父標籤，即使用jQuery移動該列表的有序列表標籤使之成爲，

<ol> 
<li>List 1</li> 
<li>List 2</li> 
<li>List 3</li> 
</ol> 

Answer 1

可以使用wrapAll方法：

$('li').wrapAll('<ol></ol>'); 

或在香草JavaScript：

var ol = document.createElement('ol'), 
    lis = document.querySelectorAll('li'); 

lis.item(0).parentNode.appendChild(ol); 

[].forEach.call(lis, function(e) { 
    ol.appendChild(e); 
}); 

請注意，您不應該使用JavaScript來修復標記！修正產生標記的內容。如果它是一個html文檔，請在您喜歡的文本編輯器中打開它，然後像紳士一樣修改標記。