Javascript ExtJs 6.0-Ext.dom.Element.query（）-属性中有多个值-正确的选择器

我的眼睛看起来像这样：

Ext.application({
name : 'Fiddle',

launch : function() {
   var my_panel = Ext.create('Ext.panel.Panel', {
        html: "<img id='1' foo='4 6 8' src='http://i342.photobucket.com/albums/o416/TaySensei/avatar_me_in_anime_1_by_maria345.jpg'/>" + 
              "<img id='2' foo='5 7 9 10' src='http://i621.photobucket.com/albums/tt296/Kruh11/KruhPic50x50LQ.jpg'/>" +
              "<img id='3' foo='6 4' src='http://i744.photobucket.com/albums/xx84/no_photos_here/communitytile-1.jpg'/>"
    });
    var my_viewport =  Ext.create("Ext.container.Viewport",{
        layout: 'fit',
        items: [my_panel],
        renderTo : Ext.getBody()
    });
    var queried_imgs = my_panel.body.query("img[foo='4']");


    Ext.toast('queried_imgs = ' + queried_imgs);
  }
});

Ext.application({
名字：“小提琴”，
启动：函数（）{
var my_panel=Ext.create（'Ext.panel.panel'{
html:“+
"" +
""
});
var my_viewport=Ext.create（“Ext.container.viewport”{
布局：“适合”，
项目：[我的小组]，
renderTo:Ext.getBody（）
});
var queryed_imgs=my_panel.body.query（“img[foo='4']”）；
Ext.toast（'queryed_imgs='+queryed_imgs）；
}
});

我的问题是：
在第15行中，我试图使用

Ext.dom.Element.query（selector）

-方法来查询

img

标记，该标记在其

foo

属性中包含值

4

但是

查询的\u imgs

是空的

---

---

在

foo

属性中检索包含

4

的

img

标记的正确CSS选择器是什么？

以下是基于属性和值选择元素的各种属性选择器。你可以用最适合你情况的。您可以在中找到有关各种可用CSS属性选择器的更多详细信息

img

标签的CSS选择器，该标签具有

foo

属性，其值包含4-

img[foo*='4']

img[foo*='4']{
边框：5px纯红；
}

我想你忘了

~=

它是用来在类列表中搜索一个类的，所以

[foo~=4]

会找到

45

而不是

45

。实际上我在找

img[foo~='4']