Перейти к содержанию

Рекомендуемые сообщения

суть проблемы такова. На сайте нужно удалить один класс и добавить другой. Т.к. в js и в jquery - я еще тот нуб то решил сначала попробовать на codepen написать в итоге такая вот беда: removeCass() срабатвает, а вот addClass() нет.
HTML:
<div id="cart" class="test1">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro tempore, adipisci, magni iusto officia deleniti, dolorem molestias iste totam laudantium error maxime ad libero enim nulla. Nam et, aliquid blanditiis!
</div>
<button id="btn">click</button>
CSS:
.test1 {
  color: red;
}
test2 {
  background-color: blue;
  color: #fff;
}

jQuery:
$(document).ready(function(){
  $('#btn').on("click", function(event){
    $('div #cart').addClass('test2');
    $('#cart').removeClass('test1');
  })
});

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
$('#cart').addClass('test2');

вместо

$('div #cart').addClass('test2');

т.к. вы указали в селекторе по сути искать элемент с ид #cart, который лежит внутри div, а у вас сам этот div имеет такой ид

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 часа назад, RGB сказал:

$('#cart').addClass('test2');

вместо


$('div #cart').addClass('test2');

т.к. вы указали в селекторе по сути искать элемент с ид #cart, который лежит внутри div, а у вас сам этот div имеет такой ид

и так тоже пробовал, всё равно не рабоатет... Вообще изначально был вариант без div-а. Это уже потом я добавил div

Изначально было так.

Изменено пользователем olorin

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Как это не работает?

c52e46d3df48cd2134733f6e895d961b.gif

Другое дело, что вы в css не указали нормально второй класс:

.test1 {
  color: red;
}
test2 {
  background-color: blue;
  color: #fff;
}

куда точка пропала у test2?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.