¿Es posible seleccionar elementos en jQuery por sus atributos de data
HTML5 (por ejemplo, todos los <div>
con data-role='footer'
)?
Puede seleccionar un atributo de data-
como cualquier otro atributo... utilizando un selector de atributo . En este caso, desea el selector de atributos iguales , así:
$("div[data-role='footer']")
Se manejan especialmente en el consumo de jQuery, por ejemplo, permitiendo que .data()
se obtenga de ellos con la escritura correcta... pero en lo que respecta al recorrido DOM, son solo otro atributo, así que piense en ellos como tales cuando escriba selectores.
$('div[data-role="footer"]')
Esto simplemente usa el attribute-equals-selector
(docs) .
Hay varios selectores de atributos que puede usar (entre otros).
jQuery Mobile recomienda $.fn.jqmData(), por ejemplo: $("div:jqmData(role='footer')")