Seleccionar elemento con datos específicos mediante jQuery

Question

¿Es posible establecer algunos datos utilizando el método de datos jQuery y luego consultarlos? Algo así como ... encontrar todos los elementos con datos foo == cierto?

Answer 1

Puede utilizar .filter() para seleccionar los elementos que desee, así:

$("someSelector").filter(function() { return $.data(this, "foo"); }); 

En este caso, ya que se está comprobando un valor lógico que es muy simple, para la comprobación frente a un valor sólo tiene que añadir la comparación, como esto:

$("someSelector").filter(function() { return $.data(this, "foo") == "value"; }); 

Answer 2

No es posible con sólo el data API sin bucle a través de cada elemento en el DOM, y la comprobación para ver si contiene ese elemento de datos con el valor especificado.

Si los datos son simples, quizás pueda usar atributos de datos HTML5 que también se pueden buscar a través de selectores.

$("selector").attr("data-key", "theKey"); 

Posteriormente seleccionar todos los objetos que tienen un atributo llamado "data-key" con el valor true usando

$('[data-key="true"]')