移动列表使用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文档，请在您喜欢的文本编辑器中打开它，然后像绅士一样修改标记。