jQuery seleccione clase con valor

Question

quiero usar el código HTML data-* atributos y tienen algunas imágenes como esta:

<img src="http://placehold.it/100.png" data-selected="true"> 
<img src="http://placehold.it/100.png" data-selected="false"> 
<img src="http://placehold.it/100.png" data-selected="false"> 
<img src="http://placehold.it/100.png" data-selected="true"> 
<img src="http://placehold.it/100.png" data-selected="false"> 

cómo puedo ahora sólo consigue solamente los que tienen data-selected="true"?

me trataron:

$("img").each(function(){ 
    if($(this)).attr("data-selected") == "true") { 
    //do something 
    } 
} 

pero esto no parece ser la mejor manera para mí. ¿Hay un selector directo donde puedo hacer algo como

$("img data-selected=true") ? 

gracias por su ayuda !!

Answer 1

$("img[data-selected='true']") pero la cotización de valor no es obligatoria.

PD: se llama CSS attribute selector.

Answer 2

Prueba el siguiente selector

$('img[data-selected="true"]') 

Answer 3

Probar:

$("img[data-selected='true']") 

Este utiliza el attribute equals selector

Answer 4

Bien para una cosa que debe utilizar .data(...)

$("img").each(function(){ 
    if($(this)).data("selected") == "true") { 
    //do something 
    } 
} 

O puede utilizar:

$("img[data-selected='true']").something... 

Answer 5

Usted puede usar selector de atributos

$("img[data-selected='true']"); 

Otra alternativa es filter()

$("img").filter(function(){ return $(this).data("selected") == "true" }); 

Tenga en cuenta que a los atributos de los datos de acceso que puede utilizar data() método y sólo tiene que pasar la segunda mitad del nombre del atributo de datos.

Answer 6

Puede utilizar

$("img[data-selected='true']") 

hay mucha más selectores que sólo etiquetas y clases. Ver here on w3.org

Answer 7

Ésta es una manera de hacer esto sin usar jQuery:

var imgs = document.getElementsByTagName('img'); 

imgs.​​​​​map(function (img) { 
    if (img.attributes["data-selected"].value == "true") { 
     // do something 
    } 
});​ 

Y no es necesario jQuery!