javascript - 使用 Javascript 删除 HTML 中的背景颜色和字体颜色

Question

我正在改进 TinyMCE 编辑器，并希望在前景色和背景色中添加按钮默认颜色。这就是我如何获取具有随机背景颜色样式的选定文本:

outer = tinyMCE.activeEditor.selection.getNode().outerHTML;

例如，可能是这样的:

<p style="font-size: 18px;"> 
    sadasdasdsasdasda
    <span style="background-color: rgb(0, 255, 0);" data-mce-style="background-color: #00ff00;">sdasdasda</span>
    <span style="background-color: rgb(255, 0, 0);" data-mce-style="background-color: #ff0000;">
        <span style="background-color: rgb(0, 255, 0);">sdasd</span>
        asdasdasdas
    </span>
    dasdasd
</p> 

我已经在 jQuery 中尝试过 .each，但没有成功。这是实际的代码:

$(outer).each(function() {
    $(this).css({'background-color': 'transparent'});
});

我不是 Javascript 大师，也不是 jQuery 大师。我该怎么做才能从 outer 中删除所有 background-color？

Answer 1

像这样使用

$("*").each(function () {
    $(this).css('background-color', 'transparent');
});

Demo

编辑

 var a='<p style="font-size: 18px;">sadasdasdsasdasda<span style="background-color: rgb(0, 255, 0);" data-mce-style="background-color: #00ff00;">sdasdasda</span><span style="background-color: rgb(255, 0, 0);" data-mce-style="background-color: #ff0000;"><span style="background-color: rgb(0, 255, 0);">sdasd</span>asdasdasdas</span>dasdasd</p>';
var outer=$(a);
outer.find("*").css('background-color','transparent');
$("div").append(outer);

Updated Fiddle