Welches Attribut (oder ...) wird verwendet, wenn versucht wird, die ID eines einzelnen Elements aus einer Liste in jQuery zu übernehmen?

Question

Überarbeitet: Ich habe eine Liste Elemente auf der Seite, die ich aus Datenbanksätzen (Nachrichten) erstellen. Jeder Datensatz enthält einen ID-Wert, den ich derzeit in jede einzelne Nachricht einfüge. Was ich tun möchte, ist, wenn sie auf einen Link klicken, um den ID-Wert der Nachricht zu erfassen, so dass ich sie dann mit Javascript manipulieren kann.

erzeugten HTML wie folgt aussieht:

<div id"messages"> 
    <div class="message"> 
    A cool message <a href="/Message/View/1" id="message_1" class="viewMessage">View</a> 
    </div> 
    <div class="message"> 
    A cool message <a href="/Message/View/2" id="message_2" class="viewMessage">View</a> 
    </div> 
    <div class="message"> 
    A cool message <a href="/Message/View/3" id="message_3" class="viewMessage">View</a> 
    </div> 
    <div class="message"> 
    A cool message <a href="/Message/View/4" id="message_4" class="viewMessage">View</a> 
    </div> 
</div> 

Wenn ich auf id = klicken Message_1 ich den ID-Wert von 1 zu bekommen Ich versuche, String-Manipulation, um zu vermeiden, dass den ID-Wert zu erhalten: wie Erhalte den Wert nach einem '_'. Es wäre großartig, wenn ich ein einzelnes Attribut mit dem Wert '1' darin verwenden könnte.

$('.viewMessage').click(function() { 
    ...$(this).messageId... 
}); 

Kann ich einfach ein Attribut erstellen? Ich werde das auch wirklich versuchen, aber ich denke über das ganze xhtml strenge Zeug nach, also dachte ich, es gibt etwas Besseres als das zu tun.

Answer 1

Wenn Sie annehmen möchten (X) HTML 5, es beliebige Attribute, deren Namen mit „Daten starten können - "Für genau diese Situation. Das könnte also etwas wie <a id="message_1" data-message-id="1"> sein. Ansonsten denke ich, dass du nicht konform sein musst. 37 Signale uses this technique.

Answer 2

Sie versuchen, auf die ID des angeklickten Links zuzugreifen?

Versuchen Sie, diese

$('.viewMessage').click(function() { 
    var id = $(this).attr('id'); 
}); 

Answer 3

Ich gehe davon aus, dass Sie den numerischen Teil der ID innerhalb des Click-Handler extrahieren möchten.

$('.viewMessage').click(function() { 
    var id = this.id.replace(/message_/,''); 
    ...now go use it... 
}); 

Answer 4

Dies packt eine Zahl aus dem href des Ankers.

$('.viewMessage').click(function() { 
    var id = this.href.match(/\d+/); 
}); 

Wenn Sie so etwas wie .messageId verwenden wollen, möchten Sie Vorprozess zuerst:

$('.viewMessage').each(function() { 
    this.messageId = this.href.match(/\d+); 
    // Or, to be more safe: 
    this.messageId = parseInt(this.href.match(/\d+), 10); 
}).click(function() { 
    alert(this.messageId); 
}); 

Answer 5

Ich glaube, dass in der nächsten Spezifikation von HTML gibt es eine Bestimmung für benutzerdefinierte Attribute. Sie setzen ihnen Daten voran -
Also, Daten-ID wäre gültig.

BTW: Ich gehe normalerweise mit benutzerdefinierten Attributen.

Answer 6

Ich verstehe nicht wirklich, warum Sie id="message_1" setzen, wenn Sie wirklich nur die 1 wollen, aber vorausgesetzt, es gibt einen Grund und Sie werden es nicht ändern, können Sie das rel Attribut stattdessen verwenden.

<div id"messages"> 
    <div class="message"> 
     A cool message <a rel="1" href="/Message/View/1" id="message_1" class="viewMessage">View</a> 
     A cool message <a rel="2" href="/Message/View/1" id="message_2" class="viewMessage">View</a> 
    </div> 
</div> 

Das sollte XHTML, und Sie sollten in der Lage zu greifen nur den Index mit

var id = $(this).attr("rel");