webdevqa.jp.net

JQuery Find#ID、RemoveClass、AddClass

私は次の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');

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

何か案は ?

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

意味的には、ID testID2を持つ要素を選択し、クラスtest2(存在しない)を持つ子孫要素を探してから、その要素を別の要素(どこかの要素)に置き換えます。存在しないクラスtest3)を持つページ内。

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

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

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

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

jQuery addClass APIリファレンス

5
Amarghosh

これを試して

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

または

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

.....

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

Imgにもidを割り当てているため、これも簡単に行えます。

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

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

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

修正されたコード:

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