通過jQuery中的HTML5數據屬性選擇元素

Question

是否有可能通過jQuery的HTML5 data屬性（例如，所有<div>和data-role='footer'）選擇jQuery中的元素？

Answer 1

您可以使用attribute selector來選擇data-屬性，如同任何其他屬性一樣。在這種情況下你想要的attribute-equals selector，就像這樣：

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

它們是由jQuery的，例如在消費特殊處理允許.data()通過正確的輸入從它們中提取...但是就DOM遍歷而言，它們只是另一個屬性，因此在編寫選擇器時應將其看作是這樣。

Answer 2

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

這只是使用attribute-equals-selector^(docs)。

有several attribute selectors你可以使用（其他人）。

Answer 3

jQuery Mobile的recomends的$ .fn.jqmData（），例如：$（ 「分區：jqmData（角色= '尾'）」）

來源：http://jquerymobile.com/test/docs/api/methods.html

Answer 4

jQuery的&的Zepto整合：https://github.com/kossnocorp/role