Можно ли иметь триггер jQuery.click только для верхнего элемента?

Question

Я пытаюсь создать сайт, где пользователь может нажать на любой элемент, чтобы отредактировать его CSS. Я использую следующее, чтобы добавить функцию щелчка ко всем lis, div и uls.

$('li,div,ul').click(function () {  

alert(this.id); 

});

Проблема в том, что если я нажму на элемент li, я получу предупреждение об этом и любой элемент под ним. (все контейнеры).

Возможно ли при нажатии только верхний элемент запуска?

Answer 1

Если вы хотите остановить распространение события, вы делаете это в jQuery, вызывая метод stopPropagation для объекта события.

$('li,div,ul').click(function (e) {  
    e.stopPropagation();
    alert(this.id); 
});

Answer 2

Мне кажется, что вы ищете .stopPropagation () . Вызов stopPropagation предотвратит всплытие события в родительские контейнеры.

Answer 3

Полагаю, вы захотите использовать stopPropagation (); внутри функции щелчка.