Thuộc tính HTML tùy chỉnh và jQuery

Question

Tôi thường cần lưu trữ ít phần tham chiếu trong phần tử trang, hầu hết thời gian là <div>. Tôi không thể tìm thấy quá nhiều tài liệu về mức độ hợp lệ của việc tạo các thuộc tính của riêng tôi. Những gì bạn đề nghị là cách hợp lệ nhất để làm điều này hoặc thậm chí tôi có thể làm điều này? Nếu vậy, tôi có thể chỉ cần sử dụng attr() của jQuery gọi để có được tài liệu tham khảo?

dụ: <div class="sample" dataref="Sample Data Reference"></div>

Answer 1

Sử dụng HTML5 dữ liệu thuộc tính

Xem: http://api.jquery.com/data/

Ví dụ:

<div class="sample" data-ref="some string" /> 

Sau đó:

$('.sample').data('ref'); 

Answer 2

Sử dụng jQuery chức năng dữ liệu. Dữ liệu sẽ không hiển thị trong DOM, nhưng bạn có thể thiết lập và truy cập dữ liệu nhanh chóng. Tài liệu:

http://api.jquery.com/jQuery.data/

Ví dụ:

// set value 
$.data(element, key, value); 

// get value 
var value = $.data(element, key); 

Answer 3

tôi cảm thấy bạn có thể sử dụng bất kỳ từ nào khác hơn là "id" và "đẳng cấp" thuộc tính để giữ cho dữ liệu của bạn.