Вход

Просмотр полной версии : удаление класса


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: