JQuery Find #ID, RemoveClass et AddClass

Question

J'ai le code HTML suivant

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

Je veux fondamentalement arriver à # testID2 et remplacer la classe .test2 par la classe .test3?

J'ai essayé

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

Mais cela ne semble pas fonctionner?

Des idées ?

Answer 1

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

Sémantiquement, vous sélectionnez l'élément avec l'ID testID2, puis vous recherchez tous les éléments descendants avec la classe test2 (n'existe pas), puis vous remplacez cet élément par un autre élément (éléments situés n'importe où dans la page avec la classe test3). cela n'existent pas non plus.

Vous devez faire ceci:

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

Ceci sélectionne l'élément avec l'ID testID2, puis y ajoute la classe test3. Enfin, il supprime la classe test2 de cet élément.

Answer 2

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

jQuery addClass Référence de l'API

Answer 3

Essaye ça

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

ou

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

Answer 4

.....

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

Comme vous avez également assigné un identifiant à img, vous pouvez simplement le faire

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

Et enfin, vous pouvez le faire aussi:

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

Answer 5

code corrigé:

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