Javascript 如何获得完整的后代教权？

给定一个父对象，如何获取其子对象以保持其层次结构

parent > des1 > des2 > des3

parent.find（'*'）

简单地返回not order，它给出

find('des1, des2. des3') 

我所期望的是

find('des1 des2 des3')

使用jQuery有很多方法。这里有一种方法。我正在使用以下标记：

<div id="demoParent">
  <div id="des1">
    <div id="des2"> 
      <div id="des3">
        hello world
      </div>
    </div>
  </div>
</div>

当我这样调用此代码时：

alert（getHierarchy（'#demoParent'）

我将此结果作为警报得到：
des1>des2>des3

function getHierarchy(selector) {
    // temp variable to hold the hierarchy as an array
    var hierarchy = [];
    // if selector element has a :first-child...
    while ($(selector).children(':first-child').length > 0) {
        // then push it into the array and then traverse into the :first-child
        hierarchy.push($(selector).children(':first-child').attr('id'));
        selector = $(selector).children(':first-child');
    }
    // when there are no more :first-child elements, return string
    // formatted like elemA > elemB > elemC > elemD
    return hierarchy.join(' > ');
}