Question

我有一个DOM对象item，我希望使用DOJO的查询选择器查询该DOM对象的::after伪元素。

我已经尝试了

    _getExpandableIcon: function(item) {
        return query(item + '::after')[0];
    },

和

    _getExpandableIcon: function(item) {
        return query('::after', item)[0];
    },

我的dom对象看起来像

<li class="sos-side-navigation-item expandable">
    <div class="sos-side-navigation-item-icon">
        <span class="sos-icon sos-icon-currency-gbp"></span>
    </div>
    <div class="sos-side-navigation-item-name">
        Type Something
    </div>
    ::after
</li>

Answer 1

dojo中的默认选择器引擎不支持伪选择器。

.class，＃id，tag和*，属性选择器和子（＆gt;），后代（空格）和联合（，）组合子。如果是原生选择器引擎是，引擎不支持伪类。 Ref

但您可以更改选择器引擎，例如，您可以使用sizzle：

<script data-dojo-config="selectorEngine: 'sizzle/sizzle'" src="dojo/dojo.js">
</script>

define(["dojo/query!slick/Source/slick"], function(query){
  query(".someClass:custom-pseudo").style("color", "red");
});

DOJO查询伪元素

1 个答案: