jquery - 使用 jQuery 将样式应用于单击元素的所有实例

Question

我的目标是让 jQuery 查看我刚刚单击的元素(例如 p 或 li 标签)，然后将样式应用于该元素的所有实例(因此页)。

这是我到目前为止的代码，但它仅将样式应用于已单击的单个元素。

$("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');
}
);

演示地址:JS Bin ，尽管我使用了通用选择器(因为我只发布了几个列表(一个是 ol，另一个是 ul)。

以上代码是为了响应 @Peter Ajtai 的评论而编辑的，并更新了链接的 JS Bin 演示以反射(reflect)更改:

Why run around the block once before you look at the tagName? How about var selectedElement = this.tagName;. Also it's e.stopPropagation(), since you're calling a method.