jquery - 遍历所有子项并删除所有样式

Question

我有一个共享点网站，它让我疯狂地尝试删除所有垃圾代码，以便我可以应用我的设计。我很好奇 jquery 是否可以从包含的 div 内的所有元素中删除所有 css？

例如，如何使用 jquery 从此 html 中去除所有 css 格式？

<div id="myID" > 
    <span class="myClass1">
        <span class="myClass2"></span> 
    </span> 
    <span class="myClass3">
        <ul class="myClass4" style="padding-left:100px;">
            <li>item</li>
        </ul>
    </span> 
</div>

Answer 1

试试这个( updated for the last time demo )(感谢 Fabrício 的指点):

$('#myID [style]').removeAttr('style');

这将去除 <div id="myID"> 的仅子节点的任何内联样式属性，并保持其他所有内容不变(删除这些节点上的类除了样式之外还会产生其他效果)。您可以定义一些仅适用于 <div id="myID"> 的子节点的 CSS就像 CSS 重置一样。可能看起来像这样:

#myID * {
  border: thin red solid;
}