Функция jQuery click работает с if / else

Question

Функция jQuery click работает с if / else

0

Создайте приложение списка покупок, которое по щелчку вычеркивает указанный элемент. Если этот элемент снова щелкнут, его необходимо восстановить в исходное состояние. У меня есть инструкция if/else, чтобы проверить, был ли еще применен класс "ixtem". По какой-то причине, если в списке есть несколько элементов, оператор if/else выполняется несколько раз, хотя я использовал селектор $ (this):

$('.crossout').click(function() {

    if ($(this).closest('.newitem').hasClass('xitem')) {
        $(this).closest('.newitem').removeClass('xitem');
        console.log('remove x');
    }

    else {
        $(this).closest('.newitem').addClass('xitem');
        console.log('x out');   
    }

})

Daniel Bogart 05 июнь 2014, в 23:37

Источник

1

Можете ли вы опубликовать соответствующий HTML?
tymeJV 05 июнь 2014, в 20:57
1

Для этого есть toggleClass ?
adeneo 05 июнь 2014, в 21:00
0

у вас есть несколько элементов .crossout, которые также прикрепили несколько обработчиков событий кликов?
james 05 июнь 2014, в 21:00

Показать ещё 1 комментарий

Теги:

jquery

if-statement

click

this

1 ответ

Ещё вопросы

Можете ли вы опубликовать соответствующий HTML?
у вас есть несколько элементов .crossout, которые также прикрепили несколько обработчиков событий кликов?

ackerman · Accepted Answer · 2014-06-05T18-24-00.000Z

попробуй это:

$( document ).ready(function() {
    $('li').each(function(i) {
        $(this).click(function() {
            $(this).toggleClass('crossOut');
        });
    });
});

скрипка здесь: http://jsfiddle.net/ackerman/nF4Jd/