and - JQuery Find#ID, RemoveClass y AddClass

addclass jquery

Question

Tengo el siguiente HTML

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

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

Lo intenté

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

¿Pero esto no parece funcionar?

Algunas ideas ?

Answer 1

.....

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

Debido a que también ha asignado una identificación a img, simplemente puede hacer esto:

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

Y finalmente, puedes hacer esto también:

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

Answer 2

Código corregido:

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

Answer 3

Prueba esto

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

o

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

Answer 4

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

Referencia de jQuery addClass API

Answer 5

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

Semánticamente, está seleccionando el elemento con el ID testID2 , luego busca elementos descendentes con la clase test2 (no existe) y luego reemplaza ese elemento con otro elemento (elementos en cualquier lugar de la página con la clase test3 ) que tampoco existen.

Usted necesita hacer ésto:

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

Esto selecciona el elemento con el ID testID2 , luego le agrega la clase test3 . Por último, elimina la clase test2 de ese elemento.