Выбор элементов по атрибуту данных HTML5 в jQuery

Ответ 1

Вы можете выбрать атрибут data-, как и любой другой атрибут... с помощью селектора атрибутов. В этом случае вы хотите атрибут-равный селектор, например:

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

Они обрабатываются специально при использовании jQuery, например. позволяя .data() извлекать из них правильную типизацию... но по мере прохождения DOM это просто еще один атрибут, поэтому подумайте как таковые при написании селекторов.

Ответ 2

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

Это просто использует attribute-equals-selector ^(docs).

Есть несколько селекторов атрибутов, которые вы можете использовать (среди других).

Ответ 3

jQuery Mobile рекомендует использовать $.fn.jqmData(), например: $( "div: jqmData (role = 'footer')" )

Источник: http://jquerymobile.com/test/docs/api/methods.html

Ответ 4

Интеграция jQuery и Zepto: https://github.com/kossnocorp/role