Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   удаление класса (https://javascript.ru/forum/dom-window/43260-udalenie-klassa.html)

dikucher 28.11.2013 23:46

удаление класса
 
<div class="order-items-bl">
  <div class="order-item"></div>
  <div class="order-item"></div>
  <div class="order-item"></div>
</div>


суть скрипта, при клике на элемент .order-item у которого нет .active-order-item, то к нему добавлятся .active-order-item, а у всех остальных .order-item, убирается класс .active-order-item

$('.order-items-bl').on('click', 'div:not(.active-order-item)', function() {
                    $(this).addClass('active-order-item').siblings().removeClass('active-order-item');
                    $('.order-not-selected').css("display","none");
                    $('.order-selected').css("display", "block");
                })


нужно добавить возможность, чтобы при клике на элемент, который содержит два класса <div class="order-item active-order-item"></div> убирался класс .active-order-item

nyols 29.11.2013 01:43

$('.order-item').click(function() {
   $('.order-item').removeClass('active-order-item');
   $(this).addClass('active-order-item');
});


??

dikucher 29.11.2013 03:48

ваш код не делает следующее, а именно, когда я кликаю по <div class="order-item active-order-item"></div> то .active-order-item у меня не убирается, но на основе вашего, я сделал, то что мне было надо
$('.order-item').click(function() {
        if($(this).hasClass('active-order-item')) {
            $(this).removeClass('active-order-item');
            
        } else {
            $('.order-item').removeClass('active-order-item');
            $(this).addClass('active-order-item');
            
        }

    });

Причем эту логику я сразу пытался реализовать, но так как сам язык я толком не знаю, то и не получалось
Еще раз спасибо:thanks:


Часовой пояс GMT +3, время: 07:16.