在Javascript中抽象鼠标单击侦听器
到目前为止,我有如下内容,页面上的每个按钮都有一个唯一的ID(一、二、三等):在Javascript中抽象鼠标单击侦听器,javascript,jquery,onclicklistener,Javascript,Jquery,Onclicklistener,到目前为止,我有如下内容,页面上的每个按钮都有一个唯一的ID(一、二、三等): $(文档).ready(函数(){ $(“#一”)。单击(点选); $(“#两”)。单击(点选); $(“#三”)。单击(点选); $(“#四”)。单击(点选); }); 函数doThing(){ $(“#文本框”).prepend(单击“+this.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>");
}