獲取當前節點的所有子節點

Question

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

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

是否可以通過使用query（）。children（）而不是使用諸如query('.1 .2 .3')?類的方法來訪問3級子級query('.1 .2 .3')?

基本上，我想訪問當前元素的所有子元素而無需對其ID進行硬編碼，例如query('#foo .3')

Answer 1

您可以使用：

• element.querySelectorAll('div')獲取element所有<div>子element
• element.querySelectorAll('[class]')獲取具有class屬性的element所有子element
• document.querySelectorAll('div[class]')用於整個html文檔

您可以使用任何CSS選擇器作為querySelectorAll()的參數。