How to remove the class of only one element from several?

Question

JavaScript

We have:

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

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

That is, we click on the element with .js-btnDelete and remove the .active class from all buttons.
Question: How to make it so that it is removed only from one specific button?

Answer 1

At least like this:

function Modal(options) {
  this.el = (options && options.el) || document.body;
  // init some options (text, width, onClose, onConfirm, etc)
  this.init();
}

Modal.prototype.init() {
  // build and append modal
}

Modal.prototype.show() {
  // show modal and overlay
}

Modal.prototype.close() {
  // close modal and overlay
}

var modal = new Modal(options);
var btn = document.querySelector('.btn');

btn.addEventListener('click', function() {
  modal.show();
});

Answer 2

Pick up the selector that will select that single button, and remove the class from it)