按类名查找所有后代的Dojo查询 [英] Dojo query to find all descendants by class name

问题描述

给定一个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语法)。

这篇关于按类名查找所有后代的Dojo查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！