jquery:wie bekommt man die id des Anker-Tags

Ich habe 2 Anker-tags

<li><a id="tab1" href="#tabs-1">Issue</a></li>
<li><a id="tab2" href="#tabs-2">Change Request</a></li>

Ich habe die folgende jquery:

$('a').click(function(event) {
                                alert($('a').attr("id"));
            });

Was passiert:
Ich bekomme immer "tab1" in dem pop-up -

Was ich brauche:
wenn der Benutzer klickt auf ein Anker-tag ein, wird seine id angezeigt werden, die pop-up -

InformationsquelleAutor balalakshmi | 2010-04-16

  1. 9

    Dein problem liegt in der Anweisung alert: mit $('a') Sie nicht, verweisen auf die geklickt <a> element in der Anweisung alert—Sie sind das abrufen der ersten <a> element in das Dokument ein.

    Stattdessen verweisen die angeklickte element, ersetzen $('a') mit $(this):

    $('a').click(function(event) {
    alert($(this).attr("id"));
});
    vielen Dank für die schnelle Antwort, bekomme ich einen Fehler Meldung: Objekt unterstützt diese Eigenschaft oder Methode Zeile: 57 Zeichen: 17 Code: 0 Wenn ich diese ersetzen.attr("id") mit dieser der Fehler geht Weg, aber das popup zeigt die vollständige url Server/Ordner/#tab1
    OK, es scheint, jQuery mag $(this) eher als der gewöhnliche JavaScript this. Funktioniert es, wenn Sie $(this) statt (siehe mein aktualisierter code-snippet)?
    +1 für die Ausgaben der Zeit, zu erklären, warum der original-code funktioniert nicht.

    InformationsquelleAutor Steve Harrison

  2. 4

    Versuchen

    $('a').click(function(event) {
    var currentElemID = $(this).attr("id") //or you can use this.id
});

    InformationsquelleAutor rahul

  3. 0

    Sie können jedes element-Attribut mit attr() also:

    $('a').attr('id');

    InformationsquelleAutor Sam3k

  4. 0

    Wenn Sie nur den Zugriff auf die id, dann mit jQuery ein unnötiger overhead:

    $('a').click(function(event) {
    alert(this.id);
});

    InformationsquelleAutor RoToRa

Schreibe einen Kommentar