leshikgo
@leshikgo

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

Добрый вечер. Помогите с переключением классов у элементов. Есть два элемента, нужен тугл класса для каждого элемента и еще сверху если кликнут первый элемент то убрать класс у второго и наоборот. То есть должен быть тугл классов по элементу и между элементами. Как изящнее будет, а то костылю на ночь глядя.

<div class="stats">
    <i class="stats-btn active icon icon-thumbs-up-alt" data-action="like" data-postId=""></i>
    <i class="stats-btn icon icon-thumbs-down-alt" data-action="dislike" data-postId=""></i>
</div>


$('.stats-btn').on('click', function () {
    var elem = $(this);
    var action = elem.attr('data-action');
    var id = elem.attr('data-recipeId');
    elem.toggleClass('active');

  //.....................нужен между элементами ещё тугл классов
    
    $.post('/like_dislike', 'action=' + action + '&postId=' + id, function (response) {

    });
  • Вопрос задан
  • 143 просмотра
Пригласить эксперта
Ответы на вопрос 1
$(document).on('click', '.stats-btn', function() {
    var $me = $(this),
        meData = $me.data(),
        action = meData.action,
        postid = meData.postid;
    $('.stats-btn').removeClass('active');
    $me.addClass('active');
    console.log(action, postid);
    // TODO post action
});


и вот так писать не надо data-postId, либо data-postid либо data-post-id

example
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы