使用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>');

或者在vanilla 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文档，请在您喜欢的文本编辑器中打开它，并像绅士一样修复标记。