javascript - div 内のすべてのクラスを削除する

Question

outerdiv ですべてのクラスを削除したいのですが、うまくいきtestClass ません。

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

score 6 · Accepted Answer

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

現在、子がクラスにまたがるのではなく、ラッパー div のみを選択しています。必要以上の要素を選択しているため、他の回答には反対します。

score 6 · Accepted Answer

アプローチ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');
});

score 1 · Accepted Answer

あなたはこれを行うことができます：

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

score 1 · Accepted Answer

1

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

于 2013-05-15T11:16:41.513 に答える

score 0 · Accepted Answer

これを試して

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

また

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

リンク

score 0 · Accepted Answer

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

VanilaJS を使用するだけです ;-) 十分なはずです。

score 0 · Accepted Answer

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

また

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

また

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