获取当前节点的所有子节点

Question

<div class='1'>
  <div class='2'>
    <div class='3'>
    </div>
  </div>
</div>

query('.1').children() // returns [<div class='2'></div>]

Is is possible to access 3rd level children by using query().children() instead of using something like query('.1 .2 .3')?

Basically, I would like to access all children of the current element without hard-coding its Id, eg query('#foo .3')

Answer 1

You could use:

• element.querySelectorAll('div') to get all <div> children of element
• element.querySelectorAll('[class]') to get all children of element that does have a class attribute
• document.querySelectorAll('div[class]') for the whole html document

You can use any CSS selector as a parameter for querySelectorAll() .