Chọn các phần tử theo thuộc tính dữ liệu HTML5 trong jQuery

Question

Có thể chọn các phần tử trong jQuery bằng thuộc tính HTML5 data của chúng (ví dụ: tất cả <div> với data-role='footer') không?

Answer 1

Bạn có thể chọn thuộc tính data- như bất kỳ thuộc tính nào khác ... sử dụng số attribute selector. Trong trường hợp này bạn muốn attribute-equals selector, như thế này:

$("div[data-role='footer']") 

Họ được xử lý đặc biệt trong tiêu thụ bởi jQuery, ví dụ cho phép .data() tìm nạp chúng bằng cách nhập chính xác ... nhưng theo như cách duyệt ngang của DOM, chúng chỉ là một thuộc tính khác, vì vậy hãy nghĩ về chúng như vậy khi viết bộ chọn.

Answer 2

$('div[data-role="footer"]') 

Điều này chỉ đơn giản là sử dụng attribute-equals-selector^(docs).

Có several attribute selectors bạn có thể sử dụng (trong số những người khác).

Answer 3

jQuery Mobile recomends các $ .fn.jqmData(), ví dụ: $ ("div: jqmData (role = 'chân')")

Nguồn: http://jquerymobile.com/test/docs/api/methods.html

Answer 4

jQuery & Zepto tích hợp: https://github.com/kossnocorp/role