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

In jQuery event.target bezieht sich immer auf das Element, das das Ereignis ausgelöst hat, wobei event ist der Parameter, der an die Funktion übergeben wird. http://api.jquery.com/category/events/event-object/

$(document).ready(function() {
    $("a").click(function(event) {
        alert(event.target.id);
    });
});

Beachten Sie auch, dass this funktioniert auch, aber es ist kein jQuery-Objekt. Wenn Sie also eine jQuery-Funktion darauf anwenden wollen, müssen Sie sich auf das Objekt als $(this) , z.B.:

$(document).ready(function() {
    $("a").click(function(event) {
        // this.append wouldn't work
        $(this).append(" Clicked");
    });
});

Answer 2

Probieren Sie dies als Referenz! Es funktioniert!

jQuery("classNameofDiv").click(function() {
    var contentPanelId = jQuery(this).attr("id");
    alert(contentPanelId);
});

Answer 3

Auch wenn dies bereits in anderen Beiträgen erwähnt wurde, wollte ich es noch einmal klarstellen:

$(event.target).id ist undefiniert

$(event.target)[0].id gibt das Attribut id an.

event.target.id gibt auch das Attribut id an.

this.id gibt das Attribut id an.

y

$(this).id ist undefiniert.

Der Unterschied liegt natürlich zwischen jQuery-Objekten und DOM-Objekten. "id" ist eine DOM-Eigenschaft, so dass Sie sich auf dem DOM-Elementobjekt befinden müssen, um sie zu verwenden.

(Ich bin darüber gestolpert, also ist wahrscheinlich auch jemand anderes darüber gestolpert)

Answer 4

Für alle Ereignisse, nicht nur für jQuery, können Sie verwenden

var target = event.target || event.srcElement;
var id = target.id

Wo event.target scheitert, greift es zurück auf event.srcElement für IE. Um zu klären, der obige Code erfordert nicht jQuery, sondern funktioniert auch mit jQuery.

Answer 5

Sie können verwenden (this) um auf das Objekt zu verweisen, das die Funktion ausgelöst hat.

'this' es un DOM Element, wenn Sie sich innerhalb einer Callback-Funktion (im Kontext von jQuery) befinden, z. B. durch die Methoden click, each, bind usw. aufgerufen werden.

Hier können Sie mehr erfahren: http://remysharp.com/2007/04/12/jquerys-this-demystified/