jQuery .on () Klicken Sie auf das Ereignis, das das dynamische Attribut 'data-' in der Liste der Schaltflächen erfasst, um den Wert an andere Funktion zu übergeben?

7

Ich habe eine dynamische Tabellenliste von etwa 40 Zeilen mit jeweils einer Bearbeitungsschaltfläche, die ein Datumsfeld enthält. Ich habe auch das folgende click-Ereignisskript, das versucht, an jede Schaltfläche über eine gemeinsame Klasse anzuhängen, die auf den Wert eines Datenattributs innerhalb des Schaltflächenbildcodes zugreifen muss, der weiter unten zu sehen ist:

%Vor%

Beispiel für die Bearbeitungsschaltflächen, die dynamisch generiert werden:

%Vor%

Problem:

Das Skript wird geladen. Wenn Sie auf die Schaltfläche Bearbeiten klicken, wird folgende Meldung angezeigt: [object HTMLImageElement] anstelle des data-evalz-Wertes ??

Geben Sie bitte an, wie ich auf die Daten zugreifen kann, die für die angeklickte Schaltfläche eindeutig sind.

    
Martin Sansone - MiOEE 17.11.2013, 06:56
quelle

5 Antworten

16

Sie verwenden die Funktion on nicht korrekt. Hier ist eine Möglichkeit, dies zu tun: FIDDLE

%Vor%

Beachten Sie auch, dass Sie eValz anstelle von evalz in Ihren Code geschrieben haben. Datenattribute unterscheiden zwischen Groß- und Kleinschreibung. Seien Sie also vorsichtig, wie Sie sie schreiben.

    
Taylan Aydinli 17.11.2013, 08:55
quelle
4
%Vor%

Geige hier.

    
Hiral 17.11.2013 07:06
quelle
2

Wenn Sie den Kontext von "diesem" Schlüsselwort in etwas anderes ändern, können Sie die Daten direkt aus dem 'Ereignis' Objekt wie folgt abrufen:

%Vor%

Ich hoffe, das obige Beispiel ist klar ...

    
rafaelbiten 21.05.2015 15:18
quelle
1

oder nur von der Veranstaltung

%Vor%     
Yianni 16.03.2018 14:13
quelle
0

Wenn Ihr Datenattribut bekannt ist, können Sie dies direkt mit einem Attributselektor in jQuery tun, wie folgt:

%Vor%     
Nik 07.11.2016 05:41
quelle