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');

Но это, кажется, не работает?

Какие-либо идеи?

21
задан Tom 9 March 2010 в 07:01
поделиться

4 ответа

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

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

Вам необходимо сделать следующее:

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

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

40
ответ дан 29 November 2019 в 20:17
поделиться

.....

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

Поскольку вы также назначили идентификатор для img, вы тоже можете просто сделать это:

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

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

$("#testID img").removeClass("test2").addClass("test3");
0
ответ дан 29 November 2019 в 20:17
поделиться

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

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

или

$('#testID').removeClass('nameOfClass');
1
ответ дан 29 November 2019 в 20:17
поделиться
$('#testID2').addClass('test3').removeClass('test2');

jQuery addClass Справочник по API

5
ответ дан 29 November 2019 в 20:17
поделиться
Другие вопросы по тегам:

Похожие вопросы: