按类名查找所有后代的Dojo查询

2022-02-25 00:00:00 javascript children dojo

给定一个DOM节点,我希望向下钻取DOM树以查找给定类名的任何节点,比如myClass

例如

<div class="container">
  <div class="red">Red One</div>
  Some Text
    <div>
        <div class="myClass"></div>
    </div>
  <div class="blue">Blue One</div>
  <div class="red">Red Two</div>
  <div class="blue">Blue Two</div>
</div>

我已尝试使用dojo.query(".container").children(".myClass");,但似乎无法处理此问题。

我注意到dojo.query(".container").children();只会取回直系子女,有没有简单的方法可以让所有的后代、孙子(如果你愿意),而不只是直系子女?

编辑

所以我意识到问题并不完全像我计划的那样,但是我会保留原来的问题,以便其他可能从中受益的用户。

我的问题不是通过类名获得第一个节点的句柄,而是假设我已经获得了具有该类名的一组特定节点的句柄,但可能不是所有节点。

举个例子,为了与上面写的保持一致,我希望使用的内容是,

array.forEach(containerNodes, function(node){
    dojo.query(node).children(".myClass")
});

如果只有children()函数遍历多个树级。

因此,对于此方案,我使用了dojo.query(".myClass", node);,它起作用了。

但如下所述,像dojo.query(".container .myClass");这样的将用于使用类名


解决方案

children()类似于jQuery,它只提供直接子对象。如果要创建"子查询"(如jQuery的find()),则必须使用query(),例如:

dojo.query(".container").query(".myClass");

我还做了small fiddle演示(不过,它使用Dojo 1.9语法)。

相关文章