jQuery Encuentra #ID, removeClass y AddClass

Question

tengo el siguiente código HTML

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

Básicamente quiero llegar al # testID2 y reemplazar .test2 clase con .test3 clase?

me trataron

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

Pero esto no parece funcionar?

¿Alguna idea?

Answer 1

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

punto de vista semántico, que está seleccionando el elemento con el ID testID2, a continuación, está buscando elementos descendientes con la clase test2 (no existe) y luego está reemplazando ese elemento con otro elemento (elementos en cualquier parte de la página con la clase test3) que tampoco existe.

que tiene que hacer esto:

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

Esto selecciona el elemento con el ID testID2, a continuación, agrega la clase test3 a ella. Por último, elimina la clase test2 de ese elemento.

Answer 2

Prueba este

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

o

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

Answer 3

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

jQuery addClass referencia de la API

Answer 4

.....

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

Debido a que se ha asignado un id a IMG también, simplemente puede hacer esto también:

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

Y, por último, se puede hacer esto también:

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

Answer 5

corregido Código:

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