Javascript ExtJs Bug?选择器工作不正常
此选择器在ExtJS中似乎不起作用:Javascript ExtJs Bug?选择器工作不正常,javascript,extjs,Javascript,Extjs,此选择器在ExtJS中似乎不起作用: Ext.select('.serviceGridItem:not(:first)') 它将选择所有项目,而只应选择最后三个项目(总共有四个)。请参阅下面链接的JSFIDLE,并查看控制台以了解结果 结果是: Ext.select('.serviceGridItem') constructor {elements: Array[4], el: constructor, self: function, superclass: Object, confi
Ext.select('.serviceGridItem:not(:first)')
它将选择所有项目,而只应选择最后三个项目(总共有四个)。请参阅下面链接的JSFIDLE,并查看控制台以了解结果
结果是:
Ext.select('.serviceGridItem')
constructor {elements: Array[4], el: constructor, self: function, superclass: Object, config: emptyFn…}
Ext.select('.serviceGridItem:first')
constructor {elements: Array[1], el: constructor, self: function, superclass: Object, config: emptyFn…}
Ext.select('.serviceGridItem:not(:first)')
constructor {elements: Array[4], el: constructor, self: function, superclass: Object, config: emptyFn…}
以下是HTML:
<div class="x-component x-window-item x-component-default" id="dataview-1049" tabindex="-1" style="">
<a href="#" class="serviceGridItem">Legal Compliance</a>
<a href="#" class="serviceGridItem">Departure Package</a>
<a href="#" class="serviceGridItem">House Search</a>
<a href="#" class="serviceGridItem">Language Training</a>
</div>
JSFIDLE(在控制台中查找结果):
这是一个bug还是我做错了什么?我真的无法告诉您
:first
伪选择器应该如何工作。它不是CSS3标准的一部分,我认为它是随着CSS3标准引入的。ExtJS似乎以某种方式解释了它,但我在文档中找不到任何关于它的信息
但是,您可以尝试使用CSS3选择器:
Ext.select('.serviceGridItem:not(:first-child)');
这在你的小提琴中似乎很管用:谢谢,总比什么都没有好。但是,我发布此错误的原因是因为我发现了另一个错误,
:contains()
似乎根本不起作用。你觉得这个JSFIDLE怎么样?这里也一样,不是CSS规范()的一部分。但是,如果您省略引号“
(),它似乎是有效的,非常好!我从来没想过。
Ext.select('.serviceGridItem:not(:first-child)');