javascript - 使用 on() jQuery 方法将 'this' 作为参数传递给事件处理程序

Question

我动态地将具有 .footprint 类的元素添加到 DOM，并且需要向它们添加 click() 事件。我当前的代码如下所示:

$("#pcb").on("click", ".footprint", selectFootprint);

但是，selectFootprint(sender) 方法有一个参数，我想在其中传递 DOM 元素(this)。
我该怎么做？

Answer 1

一些解决方案(传递 parent 上下文):

1)使用jquerys数据参数:

$("#pcb").on("click", ".footprint", this, function(e){
  console.log(this, e.data);//data is the parents this
});

2)使用闭包

var sender = this;
$("#pcb").on("click", ".footprint", function(){
  selectFootprint.call(this, sender);
 });

或者，如果您只想传递.footprint:

$("#pcb").on("click", ".footprint",function(){
 selectFootprint(this);
});