javascript - 用 Javascript 或 jQuery 替换甚至更好地删除内联样式？

Question

在我发布这个问题之前，我搜索了谷歌(和 Stackoverflow)，虽然有相当多的结果，但我根本不理解大多数提供的解决方案。

我遇到的问题是我使用了一个从我们的主网站获取 RSS 提要的脚本。这非常有效，但它也会显示使用的内联样式，有时会使用这些样式。当然，这会弄乱事物的外观，而且看起来相当不专业。

我检查了正在加载的内容的来源，据我所知，罪魁祸首是一个名为:

<span style="font-family: verdana,geneva;">text</span>

以下情况不太常见(但仍然希望看到它们也出现):

<em>text</em>
<strong>text</strong>
<em class="moz-txt-slash">text</em>
<span class="moz-txt-tag">text</span>

这些都可以用 jQuery 或 Javascript 删除吗？显然这是可能的，但我不知道如何。我应该把所有东西都放在一个单独的 div 容器中吗？

我可以忍受不必要的“p”和“br”，但宁愿看到其他的被删除。

有谁愿意帮我解决这个问题吗？我的感激之情!

//编辑

感谢大家的快速回复...非常感谢。

我使用一个名为 MagicParser 的脚本来获取这些 RSS 提要。我不太了解 PHP、jQuery 和 Javascript 等编码，但我会尝试使用这些解决方案。我希望它会起作用。第一个没有:/

Answer 1

您可以使用 $("[style]") 轻松定位所有具有内联样式的元素，并使用 .removeAttr("style") 删除样式:

$("[style]").removeAttr("style");

如果您有一个 DOM 节点或 jQuery 集合并想从其后代中删除样式，只需在其上使用 .find("[style]").removeAttr("style") 即可。

类与内联样式不同，但您也可以使用 .removeClass() 删除它们。