Используйте jQuery для применения стиля ко всем экземплярам элемента с щелчком

Question

Что я ищу для jQuery, чтобы посмотреть на элемент, на который я только что нажал (например, ap или тег li), а затем применить стиль для всех экземпляры этого элемента (так что все p-теги на странице).

Это мой код до сих пор, но он применяет только стиль к единственному элементу, на который был нажат.

$("article *", document.body).click(function (e) { 
    e.stopPropagation(); 
selectedElement = $(this); 
$(selectedElement).css("border", "1px dotted #333") 
}); 

Поблагодарили бы за помощь или совет!

Answer 1

$('article *',document.body).click(
function(e){ 
    e.stopPropagation(); 
    var selectedElement = this.tagName; 
    $(selectedElement).css('border','1px dotted #333'); 
} 
); 

Demo в JS Bin, хотя я использовал универсальный селектор (так как я только отправил несколько списков (один ol а другой ul).

Над кода отредактированного в ответ на комментарий @Peter Ajtai и связанный JS Bin демо обновлялся для отражения изменения:

Почему бежать вокруг блока один раз, прежде чем смотреть на тэгу Как насчет вар selectedElement = this.tagName ;. Кроме того, это е?. stopPropagation(), поскольку вы вызываете мето д.

Answer 2

Я не знаю, сколько элементов вложены под ваши article элементов, но это, казалось бы расточительно, чтобы добавить обработчик событий нажмите чтобы все из них с помощью *.

Вместо этого просто добавьте обработчик в article и получите tagName из e.target, который был нажат.

$("article", document.body).click(function (e) { 
    e.stopPropagation(); 
    $(e.target.tagName).css("border", "1px dotted #333") 
}); 

Это будет гораздо более эффективным.