删除div中的所有类

Question

在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;}

Answer 1

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

您目前只选择包装器div，而不是孩子跨越该类。我会反对其他答案，因为他们选择的元素超出了必要的范围。

Answer 2

方法1

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

方法2

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

方法3

$('#outer').children('span').removeClass

方法4

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

方法5

jQuery.grep($('#outer > .testClass'), function (data) {
        $(data).removeClass('testClass');
});

方法6

$.each($('#outer > .testClass'), function(index, data){
     $(data).removeClass('testClass');
});

Answer 3

你可以这样做：

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

Answer 4

$('#outer span').removeAttr('class');

Answer 5

试试这个

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

或

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

LINK

Answer 6

document.getElementById("outer").innerHTML = document.getElementById("outer").innerHTML.replace(/testClass/g, '');

只需使用一些VanilaJS ;-)就足够了。

Answer 7

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

或

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

或

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