Seleccionar elementos por atributo de datos HTML5 en jQuery

¿Es posible seleccionar elementos en jQuery por sus atributos HTML5 data (por ejemplo, todos <div> con data-role='footer')?Seleccionar elementos por atributo de datos HTML5 en jQuery

Fuente

2011-02-14 Diogo Cardoso

sí, puede http://api.jquery.com/attribute-equals-selector/ –

@Sep - De hecho, no es "cómo jQuery lo haría", se lo entregará a un 'querySelectorAll () 'llame si es posible (y lo hará con un selector de atributos aquí), no en bucle a través de t el DOM en sí ... a menos que no haya otra forma (p. un selector personalizado no CSS utilizado) –

Se puede seleccionar en un atributo data- como cualquier otro atributo ... usando un attribute selector. En este caso, desea que el attribute-equals selector, así:

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

Se manejan especialmente en el consumo por jQuery, por ejemplo, permitiendo .data() para ir a buscar los mismos, con la tipificación correcta ... pero en lo que va de recorrido DOM, son sólo otro atributo, por lo que pensar en ellos como tales al escribir selectores.

Fuente

2011-02-14 14:43:19