这是一个我无法弄清楚的非常小的问题。我敢肯定有人可以立即回答：
拥有多个选择器，例如
$('a.button, span.xyz, a.another').click(function(e) {
var clicked_element = ???;
});
，我如何才能确定实际点击了哪个选择器？我需要像$(clicked_element)... 一样使用它。
谢谢。
【问题讨论】：
标签： javascript jquery-selectors jquery
使用 $(this) 可以获得被点击的元素。使用 is() 可以帮助你确定点击了什么。
$('a.button, span.xyz, a.another').click(function(e) {
if ($(this).is("a.button")) {
alert("a.button was clicked");
} else if ($(this).is("span.xyz")) {
alert("span.xyz was clicked");
} else if ($(this).is("a.another")) {
alert("a.another was clicked");
}
});
已编辑：
当我写下这个答案时，似乎有更好的方法。 Patrick DW 的评论引起了我的兴趣，我想知道更多。他的澄清在这里jQuery - Issues with combining selectors in a single event handler
这将是一个更好的方法
$("a.button").click(function(e) { ... });
$("span.xyz").click(function(e) { ... });
$("a.another").click(function(e) { ... });
据我了解，如果您的目标是将通用功能放在一个位置，那么应该这样处理
function commonFunctionality(elementSelector) {
// common code for all elements here or at the end
switch (elementSelector) {
case "a.button":
//do stuff for a.button only;
break;
case "span.xyz":
//do stuff for span.xyz only;
break;
case "a.another":
//do stuff for a.another only;
break;
}
// common code for all elements
}
$("a.button").click(function(e) { ... });
$("span.xyz").click(function(e) { ... });
$("a.another").click(function(e) { ... });
【讨论】：
.delegate() 遭受的低效率（针对选择器进行测试）与分配多个冗余处理程序的低效率相结合。所以你得到了两全其美。
触发事件的元素在函数中可用$(this)，即
$('a.button, span.xyz, a.another').click(function(e) {
var clicked_element = $(this);
});
您还可以使用is() 测试以确定元素是否与特定选择器匹配：
if ($(this).is('a.button'))) { ... }
【讨论】：
hasClass 左右。我需要做类似if(clicked_element == 'a.button') {} else if(clicked_element == 'span.xyz') 的事情。抱歉，如果不清楚。
如果这些元素具有不同的功能，我会同意 Patrick 和 Dexter 的观点。但是，如果您要使用此方法，请尝试使用一些内置的 javascript 方法。我不知道 HTML 标记是什么样的，但假设有这个标记，你可以试试下面的脚本：
<a class="button" href="http://somesite.com">Some Site</a>
<span class="xyz">span</span>
<a class="another" href="/topics/topic2.html">Topic 2</a>
$('a.button, span.xyz, a.another').click(function(e) {
var clicked = 'a.another';
if (this.tagName == "SPAN") { clicked = 'span.xyz'; }
if (this.href.match('somesite')) { clicked = 'a.button'; }
// Do something
});
【讨论】：