javascript - 删除div中的所有类

在outer div中，我想删除所有的类testClass，但这不起作用。

http://jsfiddle.net/TAcZJ/

jQuery的

$('#outer').removeClass('testClass');

html

 <span class="testClass">d</span>
 <span class="testClass">d</span>
 <span class="testClass">d</span>
 <span class="testClass">d</span>

<div id="outer">
    <span class="testClass">d</span>
    <span class="testClass">d</span>
    <span class="c">d</span>
    <span class="testClass">d</span>
    <span class="testClass">d</span>
    <span class="testClass">d</span>
    <span class="c">d</span>
    <span class="testClass">d</span>
    <span class="testClass">d</span>
    <span class="testClass">d</span>
</div>

的CSS

.testClass{color:red;}

.c{ color:blue;}

最佳答案

$('#outer > .testClass').removeClass('testClass');

您当前仅选择包装div，而不选择子类与该类跨接。我会反对其他答案，因为它们选择了不必要的元素。