jQueryのHTML5データ属性で要素を選択

Question

jQueryの要素をHTML5 data属性（たとえば、<div>とdata-role='footer'）で選択することはできますか？

Answer 1

他の属性と同様にdata-属性を選択することができます。attribute selectorを使用します。この場合、あなたはこのように、attribute-equals selectorをしたい：

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

彼らはjQueryの、例えばによって消費に特別に処理されています.data()は正しい型指定でそれらからフェッチすることができますが、DOMのトラバーサルが行われる限り、それらは単なる別の属性なので、セレクタを書くときにそのように考えることができます。

Answer 2

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

これは単にattribute-equals-selector^(docs)を使用しています。

several attribute selectorsがあります（他の中でも使用できます）。 $（ "div要素：jqmData（役割は= 'フッタ'）"）

出典：http://jquerymobile.com/test/docs/api/methods.html

Answer 3

統合：https://github.com/kossnocorp/role

Answer 4

jQueryの& ZeptoのjQuery Mobileは$ .fn.jqmData（）、たとえばrecomends