Как кликнуть по любому элементу и добавить класс?

Question

[ymfront]

Нужно кликнуть на любой элемент страницы и добавить ему класс .active. При втором нажатии на элемент нужно удалить класс. И если какой-то элемент уже имеет класс .active, то при клике на любой элемент класс .active добавлять не нужно.

Пытаюсь сделать так, но класс добавляется и элементу, и всем его родителям:

$("*").click(function(){
    $(this).toggleClass("active");
});

Answer 1

[Rsa97]

Читайте про всплытие событий, разницу между event.target и event.currentTarget и метод preventDefault.

Answer 2

[Загир Меджидов]

this в вашем случае не поможет, нужно использовать: event.target:

$("*").click((event) => {
   $(event.target).toggleClass("active");
});

Думаю данный код поможет вам.

Comments

[ymfront]

this поможет:

$("*").click(function(e){
    e.stopPropagation();
    $(this).toggleClass("active");
});

[Загир Меджидов]

ymfront, ну ладно.