javascript - 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属性选择器。