javascript - 用 jquery 替换 html 标签

Question

我想替换所有ol (有序列表)带有 ul 的标签(无序列表)。它可以工作，但是当它实际上进行交换时，就会写入一个新的东西，假设您想添加到列表中，但它不会。因此，我认为代码有问题。

$(document).ready(function() {
    $('ol').replaceWith( "<ul>" + $('ol').html() + "</ul>" );
});

本质上，它正在工作，但是这一行不允许我添加新的列表对象。

Answer 1

这很简单，您甚至不必使用 jQuery。

var ol = document.querySelector('ol');
ol.outerHTML = ol.outerHTML.replace(/ol/, 'ul');

如果您想用ul替换every ol标签，您需要使用querySelectorAll()并运行一个循环。示例:

var ol = document.querySelectorAll('ol');
for(var i = 0; i < ol.length; i++) {
    ol[i].outerHTML = ol[i].outerHTML.replace(/ol/, 'ul');
}

Fiddle 1 , Fiddle 2