在Javascript中抽象鼠标单击侦听器

在Javascript中抽象鼠标单击侦听器,javascript,jquery,onclicklistener,Javascript,Jquery,Onclicklistener,到目前为止,我有如下内容,页面上的每个按钮都有一个唯一的ID(一、二、三等): $(文档).ready(函数(){ $(“#一”)。单击(点选); $(“#两”)。单击(点选); $(“#三”)。单击(点选); $(“#四”)。单击(点选); }); 函数doThing(){ $(“#文本框”).prepend(单击“+this.id+””; } 有没有一种方法可以压缩不断增长的单击侦听器列表,这样我就不必在返回相应ID的同时重复每个按钮 您可以向将应用单击的所有元素添加一个类 $(文档).

到目前为止,我有如下内容,页面上的每个按钮都有一个唯一的ID(一、二、三等):

$(文档).ready(函数(){
$(“#一”)。单击(点选);
$(“#两”)。单击(点选);
$(“#三”)。单击(点选);
$(“#四”)。单击(点选);
});
函数doThing(){
$(“#文本框”).prepend(单击“+this.id+”

”; }

有没有一种方法可以压缩不断增长的单击侦听器列表,这样我就不必在返回相应ID的同时重复每个按钮

您可以向将应用单击的所有元素添加一个类

$(文档).ready(函数(){
$(“.do thing el”)。单击(函数(){
$(“#文本框”).prepend(单击“+this.id+”

”; }); });

做某事

其他

开始

这里



在选择器中使用类或目标“button”元素…为什么选择向下投票?这当然是一个初学者的问题,但有代码和一个真正的问题。是的,这不是一个好的否决->为你感到羞耻先生“我什么都知道”我觉得难以置信的愚蠢没有考虑到这一点。。。谢谢
$(document).ready(function(){
    $("#one").click(doThing);
    $("#two").click(doThing);
    $("#three").click(doThing);
    $("#four").click(doThing);
});

function doThing(){
    $("#textbox").prepend("<p>Clicked " + this.id + "</p>");
}