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

本教程将介绍按类名查找所有后代的Dojo查询的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

按类名查找所有后代的Dojo查询 教程 第1张

问题描述

给定一个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查询的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。