JQuery Найти #ID, RemoveClass и AddClass

У меня есть следующий HTML

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

В основном я хочу перейти к # testID2 и заменить класс .test2 классом .test3?

Я пробовал

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

Но это не работает?

Любые идеи?

Ответ 1

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

Семантически, вы выбираете элемент с идентификатором testID2, тогда вы ищете любые дочерние элементы с классом test2 (не существует), а затем вы заменяете этот элемент другим элементом (элементы в любом месте страницу с классом test3), которые также не существуют.

Вам нужно сделать это:

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

Это выбирает элемент с идентификатором testID2, затем добавляет к нему класс test3. Наконец, он удаляет класс test2 из этого элемента.

Ответ 2

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

jQuery addClass Ссылка на API

Ответ 3

Попробуйте это

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

или

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

Ответ 4

.....

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

Поскольку вы присвоили id img тоже, вы можете просто сделать это тоже:

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

И, наконец, вы тоже можете это сделать:

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

Ответ 5

исправленный код:

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