abdelyazy
@abdelyazy

Как добавить класс при клике на jquery?

Есть две кнопки и два контента в div
<button class="btn" data-id="1">Кнопка 1</button>
<button class="btn" data-id="2">Кнопка 1</button>
<div class="content" data-content="1">Контент 1</div>
<div class="content" data-content="2">Контент 1</div>

Как реализовать, чтобы при клике на кнопку 1 добавлялся класс active-btn этой же кнопке и добавлялся класс active-content диву контент 1, а у другой кнопки и другого контента соответственно удалялись эти классы.
Все это должно реализовываться через data и на jquery
Заранее благодарен
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
@rifat2125
Добрый день!
Например, так можно сделать

$(document).ready(function() {
  
  
  $("button").click(function(event) {
    event.preventDefault();
    const id = $(this).attr('data-id');
    
    $(".btn").removeClass("active-btn");    
    $(".content").removeClass("active-content");
    $(`.btn[data-id='${id}']`).addClass("active-btn");    
    $(`.content[data-content='${id}']`).addClass("active-content");
  });

});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
09 авг. 2022, в 20:36
500 руб./в час
09 авг. 2022, в 20:26
15000 руб./за проект
09 авг. 2022, в 20:26
100000 руб./за проект