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

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

试试这个（最后一次更新演示）（感谢 Fabrício 提供指针）：

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

这将删除 的仅子节点的任何内联样式属性<div id="myID">，并保持其他所有内容完好无损（删除这些节点上的类除了样式之外还有其他效果）。您可以定义一些仅适用于<div id="myID">CSS 重置之类的子节点的CSS。这可能看起来像这样：

#myID * {
  border: thin red solid;
}