Warum aktualisiert jQuery.data() das Element nicht

Question

Ich habe ein Problem oder möglicherweise ein erwartetes Ergebnis mit JQuery .data() -Methode. Ich bin mir nicht sicher, warum bei der Verwendung des Elementselektors die Datenwerte nach dem Ausführen der Datenmethode nicht aktualisiert werden. Sehen Sie den Screenshot für ein Beispiel, worüber ich rede.

Im nicht sicher, warum, wenn die Daten mit (Schlüssel, Wert) Methode, aktualisiert sie die Elemente Daten mit dem erwarteten Ausgang. Aber warum ist es nicht aktualisiert die Werte html Attribut? Mein Wissen in Javascript ist immer noch sehr begrenzt, aber ich würde gerne wissen, was das ist und ob ich das erwarten sollte.

Answer 1

jQuery liest alle data-attributes auf Pageload. Es behandelt dann Änderungen nur durch die .data()-Funktion in seinem Speicher.

das „echte“ HTML-Attribut zu aktualisieren, müssen Sie die Inhalte wie so manipulieren:

$('.selected a span:eq(3)').attr('data-value', 'newValue');