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

时间:2014-02-13 10:03:07

标签: javascript dojo children

给定一个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");之类的内容适用于使用类名

1 个答案:

答案 0 :(得分:3)

children()就像在jQuery中一样,它只为你提供直接的孩子。如果你想创建一个“子查询”(比如jQuery的find()),你将不得不使用query(),例如:

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

我还做了small fiddle演示它(但是,它是在Dojo 1.9语法中)。