如何查找非间接/嵌套父项的子项

Question

我需要找到一个特定的类，然后找到一个嵌套在它下面的许多元素的输入。我需要目标类名来追加它。

我以为我可以使用.queryselector，但似乎没有。我不能在输入上使用ID。

var input = document.querySelectorAll('.pt-page.pt-subpage-current input');
var solve = input[0];

console.log(solve);

<div class="pt-page pt-subpage-current"> /*only identifier*/
  <div class="container">
    <div class="question">
      <div class="input">
        <input name="school" type="text" id="schoolCode1" autocomplete="off">/*target*/
      </div>
    </div>
  </div>
</div>

我以为我可以使用上面的查询选择器（我经历了很多次迭代）但没有骰子。

Answer 1

使用直接后代选择器>

$('#mainDiv > p:first')

甚至是孩子（）

$('#mainDiv').children('p').first()