Как удалить класс только одного элемента из нескольких?

Question

[Iliya V. Soldatkin]

Имеем:

$('body').on('click', '.js-btnDelete', function() {
    $(this).parent().remove();

    $('button').removeClass('active');
  });

То есть, кликаем по элементу с .js-btnDelete и удаляем со всех button класс .active.
Вопрос: Как сделать так, чтобы он удалялся только у одной конкретной button?

Answer 1

[Daria Motorina]

Подберите тот селектор, который выберет ту единственную button, и удалите класс у нее)

Comments

[Iliya V. Soldatkin]

Сотни одинаковых селекторов, как это сделать?)

[Daria Motorina]

Iliya V. Soldatkin, хорошо - а что характеризует именно те баттоны, у которых надо сбросить active? Есть же условие/характеристика, который отличает эти баттоны от остальных?) Есть например селектор для N-го элемента .class:eq(n), но наверняка условие для сброса более сложное

[Iliya V. Soldatkin]

Я, возможно, не совсем верно выразился: сбросить active нужно только у того баттона, по клике на который был отрисован другой элемент, а на самом баттоне был проставлен чек.

Так вот, а теперь в обратном порядке нужно сделать: когда идет клик по delete-картинке на этом отрисованном элементе, следует удалить чек с баттона, инициировавшего его отрисовку)

Но, при этом удаляются все чеки с баттонов, а нужно удалить только с одного. Как их связать?

[Daria Motorina]

Iliya V. Soldatkin, тут я с реализацией не могу подсказать, но идея будет в том, что надо сохранять баттон на этапе клика для отрисовки другого элемента и передавать его в обработчик для клика по delete картинке как входной параметр (sharing object between handlers). Лучше перефразируйте вопрос, чтобы больше людей могли дать правильный ответ)

[Iliya V. Soldatkin]

Daria Motorina, ок, благодарю)

[Iliya V. Soldatkin]

OML_KVLT, благодарю Вас! Это то, что нужно!)