jquery set data attr

jquery set data attr

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

With HTML atributes

There has already been an answer chosen as a correct one, however its seems like none of the answers clearly and concisely explain what is happening.
So let me give this a shot:

$(element).data(key, value) does not change the html5 'data-*' attributes
of the element, jQuery internally stores the key-value (in jQuery.cache).
As a result when you call $(element).data(key, value)you get what is stored
internally by jQuery.

To answer your question here:

Since you are looking to change the data-you attribute of your
html tag you will instead need to use the attr() method



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.