javascript - 在 HTML 元素中用 <span> 替换 <b> 等文本标签的嵌套？

Question

我有一个带有内部 HTML 的 div，它看起来很像:

<b>First <span class="red">se</span></b><span class="red">cond third fo</span>urth fift<span class="large">h sixth</span>

此标记可以包含任何文本格式标记，因为它是文本编辑库的输出。

对于我正在处理的事情，我需要删除任何存在的嵌套。所以，理想情况下，上面的标记字符串应该变成:

<span style="font-weight:bold">First</span> <span style="font-weight:bold;color:red">se</span><span style="font-weight:bold">cond third fo</span><span>urth fift</span><span style="font-size:20px;">h sixth</span>

为了提供一些上下文，顶部的标记是 Wysihtml5 文本编辑器的输出，它非常有用，但我需要标记与第二个类似才能能够

Answer 1

试试这个:

$(document).ready(function(){
    $('b').each(function(){ 
        var text = $(this).html();
        $(this).replaceWith('<span style="font-weight:bold;color:red">' + text + '</span>');
    });
});

fiddle :http://jsfiddle.net/uQyL3/1/