Abrufen der ID des Elements, das ein Ereignis ausgelöst hat

Question

Gibt es eine Möglichkeit, die ID des Elements zu erhalten, das ein Ereignis auslöst?

Ich denke da an etwas wie:

$(document).ready(function() {
  $("a").click(function() {
    var test = caller.id;
    alert(test.val());
  });
});

<script type="text/javascript" src="starterkit/jquery.js"></script>

<form class="item" id="aaa">
  <input class="title"></input>
</form>
<form class="item" id="bbb">
  <input class="title"></input>
</form>

Es sei denn natürlich, dass die var test sollte die id enthalten "aaa" wenn das Ereignis vom ersten Formular ausgelöst wird, und "bbb" wenn das Ereignis vom zweiten Formular ausgelöst wird.

Answer 1

Ich generiere eine Tabelle dynamisch aus einer Datenbank, empfange die Daten in JSON und füge sie in eine Tabelle ein. Jede Tabellenzeile hat eine eindeutige ID die für weitere Aktionen benötigt wird. Wenn also das DOM geändert wird, ist ein anderer Ansatz erforderlich:

$("table").delegate("tr", "click", function() {
   var id=$(this).attr('id');
   alert("ID:"+id);  
});

Answer 2

Element, das ausgelöste Ereignis haben wir in Veranstaltung Eigenschaft

event.currentTarget

Wir erhalten DOM-Knoten Objekt, auf das der Ereignishandler gesetzt wurde.

---

Die meisten verschachtelten Knoten, die den Bubbling-Prozess gestartet haben, haben wir in

event.target

---

Das Ereignisobjekt ist immer das erste Attribut des Ereignishandlers, Beispiel:

document.querySelector("someSelector").addEventListener(function(event){

 console.log(event.target);
 console.log(event.currentTarget);

});

Mehr über die Delegation von Veranstaltungen erfahren Sie in http://maciejsikora.com/standard-events-vs-event-delegation/

Answer 3

Das Quellelement als jQuery-Objekt sollte über

var $el = $(event.target);

Damit erhalten Sie die Quelle des Klicks und nicht das Element, dem die Klickfunktion zugewiesen wurde. Kann nützlich sein, wenn das Klickereignis auf ein übergeordnetes Objekt gerichtet ist z.B. ein Klick-Ereignis auf eine Tabellenzeile, und Sie benötigen die Zelle, auf die geklickt wurde

$("tr").click(function(event){
    var $td = $(event.target);
});

Answer 4

Dies funktioniert bei den meisten Arten von Elementen:

$('selector').on('click',function(e){
    log(e.currentTarget.id);
    });

Answer 5

Verwenden Sie können Verwenden Sie .on event

  $("table").on("tr", "click", function() {
                    var id=$(this).attr('id');
                    alert("ID:"+id);  
                });