Übergeben Sie 'this' als Argument für den Ereignishandler mit on() jQuery-Methode

Question

Ich füge dynamisch Elemente mit der Klasse .footprint zum DOM hinzu und muss ihnen das Ereignis click() hinzufügen. Meine aktuellen Code sieht wie folgt aus:

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

hat jedoch selectFootprint(sender) Methode einen Parameter, wo Ich mag würde DOM-Element (diese) zu übergeben.
Wie kann ich es tun?

Answer 1

Akut, in on() jQuery-Funktion- this Schlüsselwort ist das angeklickte Element darstellen, so dass Sie die Funktion wie gewünscht aufrufen können.

$("#dataTable tbody").on("click", "tr", function() { 
    console.log($(this).text()); 
}); 

(Aus der Entfernung).

Oder in youre Fall:

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

Answer 2

ein paar Lösungen (die Eltern Kontext passieren):

1) jquerys Datenparameter verwendet:

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

2) mit einem Verschluss

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

Oder wenn Sie nur wollen, die passieren .footprint:

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

Answer 3

Statt selectFootprint direkt als Rückruf zu verwenden, um eine neue Funktion definieren, die immer bezieht sich auf das DOM-Element selectFootprint mit diesem als Parameter (dies innerhalb eines Eventlistener ruft die Zuhörer ist angeschlossen an)

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