Данные набора jquery set attr

Html

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

является #you html элемент изменения данных - вы атрибут

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.

Атрибут "data-you" не изменяется при изменении. Как я могу это сделать?

спасибо.

Ответы

Ответ 1

attr() И вам не придется менять метод data().

Попробуйте выполнить следующее:

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

примеры данных http://api.jquery.com/data/

Ответ 2

Уже был выбран правильный ответ, однако его кажется как ни один из ответов четко и кратко объяснить, что происходит.
Поэтому позвольте мне сделать это:

$(element).data(key, value) не не изменяет атрибуты html5 'data- *' элемента, jQuery внутренне сохраняет значение ключа (в jQuery.cache).
В результате, когда вы вызываете $(element).data(key), вы получаете то, что хранится внутри jQuery.

Чтобы ответить на ваш вопрос здесь:

Поскольку вы хотите изменить атрибут data-you вашего тега html, вам вместо этого нужно будет использовать метод attr()

Таким образом:

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.

Ответ 3

По вашей же логике, чтобы увидеть результат; измените data на attr

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

Обратитесь LIVE DEMO

Ответ 4

Попробуйте следующее:

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