Как удалить событие только для текущего элемента из многих с таким же классом?

Question

[Игорь]

Как отключить-удалить событие для кнопки в li (li>button) после одного нажатия, но только для текущего li хотя все li и кнопки с одним классом.

ul
  li.list>btn.checked
  li.list>btn.checked

Answer 1

[Сергей delphinpro]

$('.list').on('click', function() {
  $(this).off('click');
});

Comments

[Игорь]

так не сработает. Вот исходный код
$(toDoList).on('click', '.completed', function() {
var liForAppend = $(this).parents('li');
liForAppend.addClass("cross");
$(toDoList).append(liForAppend);
// $(toDoList).off("click", ".completed");
});

[Сергей delphinpro]

Игорь: Зачем вы пишете по другому? а не так как я показал

$(toDoList).on('click', '.completed', function() {
    var liForAppend = $(this).parents('li');
    liForAppend.addClass("cross");
    $(toDoList).append(liForAppend);
    
    $(this).off("click");
});

[Сергей delphinpro]

Игорь: а вообще, если нужно только одноразовое срабатывание, просто используйте .one()

$(toDoList).one('click', '.completed', function() { ... });

[Игорь]

Сергей, если написать $(this).off("click"); то на других li эта кнопка уже не сработает. Нужно чтоб на конкретном Li кнопка сработала лишь раз, но при этом сработала на следующем Li к примеру, но тоже лишь раз.

[Игорь]

О .one() раньше не слышал. Спасибо большое, но и оно тут не спасает(

[Сергей delphinpro]

Игорь: Сделайте фиддл. Напишу код.

[Игорь]

Сергей: codepen.io/anon/pen/wJBLMO?editors=1010

Комментами выделил где проблема

[Сергей delphinpro]

Игорь: Тогда так codepen.io/anon/pen/EWaBov можно

[Игорь]

Сергей: Спасибо большущее!!!)))