web-dev-qa-db-ja.com

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');

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

何か案は ？

jqueryfindaddclassremoveclass
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