jquery thiết lập dữ liệu attr

Question

Html

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

là #you html thay đổi yếu tố dữ liệu bạn thuộc tính

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. 

Thuộc tính "dữ liệu bạn" không thay đổi khi tôi thay đổi. Tôi có thể làm cái này như thế nào?

cảm ơn bạn.

Answer 1

attr() Và bạn không thể phải thay đổi phương thức data().

Hãy thử theo cách sau:

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 

ví dụ về dữ liệu http://api.jquery.com/data/

Answer 2

On cùng logic của bạn, để xem kết quả; thay đổi data để attr

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

Tham khảo LIVE DEMO

Answer 3

Hãy thử điều này:

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

Answer 4

Có đã được một câu trả lời được chọn là một trong những chính xác, tuy nhiên dường như nó như không ai trong số các câu trả lời giải thích rõ ràng và chính xác những gì đang xảy ra.
Vì vậy, tôi xin trình bày một shot:

$(element).data(key, value)không thay đổi các html5 'đĩa dữ liệu *' thuộc tính của nguyên tố này, jQuery trong nội bộ lưu trữ các giá trị khóa (trong jQuery.cache).
Kết quả là khi bạn gọi $(element).data(key), bạn sẽ nhận được nội dung được lưu trữ nội bộ bởi jQuery.

Để trả lời câu hỏi của bạn ở đây:

Vì bạn đang tìm kiếm để thay đổi data-you thuộc tính của thẻ html của bạn thay vào đó bạn sẽ cần phải sử dụng attr() phương pháp

Như vậy:

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.