[jquery] JQuery Find #ID, RemoveClass and AddClass

I have the following HTML

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

I basically want to get to #testID2 and replace .test2 class with .test3 class ?

I tried

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

But this doesn't appear to work ?

Any ideas ?

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

jQuery addClass API reference

.....

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

Because you have assigned an id to img too, you can simply do this too:

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

And finally, you can do this too:

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

corrected Code:

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

Try this

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

or

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