Sélection d'éléments par l'attribut de données HTML5 dans jQuery

Question

Est-il possible de sélectionner des éléments dans jQuery à l'aide de leurs attributs data HTML5 (par exemple, tous les <div> avec data-role='footer' )?

Answer 1

Vous pouvez sélectionner un data- d'attribut comme n'importe quel autre attribut...à l'aide d'un sélecteur d'attribut. Dans ce cas, vous souhaitez que l' attribut est égal à sélecteur, comme ceci:

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

Ils sont traités spécialement dans la consommation par jQuery, par exemple en permettant aux .data() chercher d'eux avec une frappe correcte...mais autant que DOM traversée va, ils sont juste un autre attribut, donc les considérer comme tels lors de l'écriture de sélecteurs.

Answer 2

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

Ceci utilise simplement les attribute-equals-selector ^(docs) .

Il existe plusieurs sélecteurs d'attributs que vous pouvez utiliser (parmi d'autres).

Answer 3

jQuery Mobile recommande $ .fn.jqmData (), par exemple: $ ("div: jqmData (role = 'footer')")

Source: http://jquerymobile.com/test/docs/api/methods.html