Dojo查询后裔？

Question

我的代码：

var parent = document.createElement('div'); 
var pen = document.createElement('div'); 
var dog = document.createElement('div'); 
dog.className = "dog"; 
pen.appendChild(dog); 
parent.appendChild(pen); 
dojo.query("> *", parent).forEach(function(node){ 
    if(node.className == "dog")alert('bark'); 
}); 
dojo.query("> .dog", parent).forEach(function(node){ 
    alert('bark'); 
}); 

我没有得到警报 “汪汪” S。我究竟做错了什么？

Answer 1

你的问题是，生成的HTML不匹配选择：

<div title="parent"> 
    <div title="pen"> 
     <div class="dog"> 
     </div> 
    </div> 
</div> 

因为> *将只匹配pen和> .dog将不匹配。你可以改变这些到：

var parent = document.createElement('div'); 
var pen = document.createElement('div'); 
var dog = document.createElement('div'); 
dog.className = "dog"; 
pen.appendChild(dog); 
parent.appendChild(pen); 
dojo.query("> * > *", parent).forEach(function (node) { 
    if (node.className == "dog") { 
     alert('bark'); 
    } 
}); 
dojo.query("> * > .dog", parent).forEach(function (node) { 
    alert('bark'); 
}); 

这里有一个小提琴：http://jsfiddle.net/pTqmL/

编辑

或者，如果它只是需要的parent内：基于

dojo.query("*", parent).forEach(function (node) { 
    if (node.className == "dog") { 
     alert('bark'); 
    } 
}); 
dojo.query(".dog", parent).forEach(function (node) { 
    alert('bark'); 
}); 

您评论，我认为你可能忽略/不知道的核心内容是该查询的范围在父项的范围内。