jquery Datensatz attr

Question

Html

<div id="you" data-you="Hello mean">super</div> 

ist #you html Elementwechsel Daten Sie

console.log($("#you").data("you")); // Hello mean 

$("#you").attr("data-you", "yes change you atribute"); 

console.log($("#you").data("you")); // Hello mean | does not change. 

Attribut "Daten Sie" -Attribut nicht ändert, wenn ich ändern. Wie kann ich das machen?

danke.

Answer 1

attr() Und Sie können nicht die Methode daten() ändern müssen.

Versuchen Sie, die folgende Weise:

console.log($("#you").data("you")); // Hello mean 

$("#you").data("you", "yes change you atribute"); // yes change you atribute 

console.log($("#you").data("you")); // yes change you atribute 

Beispiele von Daten http://api.jquery.com/data/

Answer 2

Auf dem gleichen Logik, um das Ergebnis zu sehen; ändern data zu attr

console.log($("#you").attr("data-you")); 

Siehe LIVE DEMO

Answer 3

Try this:

$("#you").data("you", "yes change you atribute"); 

Answer 4

Es schon eine Antwort als richtigen gewählt wurde, aber sein scheinen wie keine der Antworten erklären Sie klar und deutlich, was passiert.
So lassen Sie mich ein Schuss:

$(element).data(key, value)nicht Änderung der html5 ‚Daten- *‘ Attribute des Elements, speichert jQuery intern den Schlüsselwert (in jQuery.cache).
Als Ergebnis, wenn Sie $(element).data(key) aufrufen, erhalten Sie, was intern von jQuery gespeichert wird.

Sie hier Ihre Frage zu beantworten:

Da Sie das data-you Attribut des HTML-Tag suchen ändern Sie stattdessen die attr() Methode

So verwenden müssen:

console.log($("#you").attr("data-you")); // Hello mean 

$("#you").attr("data-you", "yes change you atribute"); 

console.log($("#you").attr("data-you")); // The data-you attribute has been changed.