jquery选择具有值的类

Question

我想使用html data-*属性,并有一些像这样的图像:

<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">

我现在怎么才能得到那些data-selected="true"？

我试过了:

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

但这对我来说似乎不是最好的方式.是否有直接选择器,我可以做类似的事情

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

谢谢你的帮助!!

Answer 1

$("img[data-selected='true']") 但引用价值不是强制性的.

PS:它被称为CSS attribute selector.

Answer 2

那么你应该使用一件事 .data(...)

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

或者您可以使用:

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

Answer 3

试试:

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

这使用属性equals选择器