通过jQuery中的HTML5数据属性select元素

是否有可能通过他们的HTML5 data属性（例如，所有<div>与data-role='footer' ）在jQuery中select元素？

Answer 1

您可以使用属性select器来select与任何其他属性一样的data-属性。 在这种情况下，您需要属性 – 等号select器 ，如下所示：

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

他们是专门用jQuery的消费 ，例如允许.data()从他们正确的打字提取…但只要DOM遍历，他们只是另一个属性，所以在编写select器时，这样看待他们。

Answer 2

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

这只是使用attribute-equals-selector ^（docs） 。

有几个属性select器可以使用（其他）。

Answer 3

jQuery Mobile推荐$ .fn.jqmData（），例如：$（“div：jqmData（role ='footer'）”）

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

Answer 4

jQuery和Zepto集成： https ： //github.com/kossnocorp/role