JQuery Finden #ID, removeClass und AddClass

Question

Ich habe folgende HTML

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

Ich mag im Grunde # testID2 bekommen und .test2 Klasse mit .test3 Klasse ersetzen?

Ich habe versucht,

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

Aber das scheint nicht zu arbeiten?

Irgendwelche Ideen?

Answer 1

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

Semantisch wählen, wählen Sie das Element mit der ID testID2, dann sind Sie für alle Nachkommen Elemente mit der Klasse test2 suchen (nicht vorhanden) und dann ersetzen Sie das Element mit einem anderen Elemente (Elemente überall auf der Seite mit der Klasse test3), die nicht existieren.

Sie müssen dies tun:

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

Dieses wählt das Element mit der ID testID2, dann die Klasse test3, um es hinzufügt. Last, es entfernt die Klasse test2 von diesem Element.

Answer 2

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

jQuery addClass API-Referenz

Answer 3

Versuchen Sie, diese

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

oder

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

Answer 4

.....

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

Weil Sie eine ID zugewiesen haben auch img, können Sie einfach das tun auch:

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

Und schließlich, Sie können dies tun, auch:

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

Answer 5

korrigiert Code:

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