jquery - JQuery Find #ID、RemoveClass、および AddClass

Question

私は次のHTMLを持っています

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

私は基本的に #testID2 に行き、.test2 クラスを .test3 クラスに置き換えたいですか?

私は試した

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

しかし、これはうまくいかないようですか？

何か案は ？

Answer 1

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

意味的には、 ID を持つ要素を選択しtestID2、次に class (存在しない) を持つ子孫要素を探し、test2その要素を別の要素 (ページ内のどこにある要素test3でも class ) に置き換えます。存在しない。

これを行う必要があります：

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

これにより、 ID を持つ要素が選択されtestID2、クラスが追加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');