jQueryのは#ID、RemoveClassとAddClassを探します

Question

私は、次のHTMLの

<div id="testID" class="test1">
        <img id="testID2" class="test2" alt="" src="some-image.gif" />
    </div>

私は基本的に＃testID2に着くと.test3クラスで.test2クラスを交換したい？

私が試した

jQuery('#testID2').find('.test2').replaceWith('.test3');

しかし、これは動作するように表示されないのですか？

任意のアイデア？

Answer 1

jQuery('#testID2').find('.test2').replaceWith('.test3');

意味的に、あなたは、あなたがクラスtestID2と任意の子孫要素を探しています（存在しない）、その後、あなたがページ内のどこにでも（他の要素と要素を、その要素を交換する、IDのtest2で要素を選択していますまた、存在しないクラスtest3）。

あなたはこれを実行する必要があります：

jQuery('#testID2').addClass('test3').removeClass('test2');

このはそれにクラスtestID2を追加し、その後、IDのtest3で要素を選択します。最後に、それはその要素からクラスtest2を削除します。

Answer 2

$('#testID2').addClass('test3').removeClass('test2');

jQueryのaddClass のAPIリファレンス

Answer 3

これを試してみてください。

$('#testID').addClass('nameOfClass');

または

$('#testID').removeClass('nameOfClass');

Answer 4

.....

$("#testID #testID2").removeClass("test2").addClass("test3");

あなたはあまりにもIMGにIDを割り当てられているので、あなたはあまりにもこれを行うことができます：

$("#testID2").removeClass("test2").addClass("test3");

そして最後に、あなたもこれを行うことができます：

$("#testID img").removeClass("test2").addClass("test3");

Answer 5

コードを修正します：

jQuery('#testID2').addClass('test3').removeClass('test2');