Как найти ребенка родителя, который не является косвенным / вложенным

Question

Мне нужно найти определенный класс, а затем найти вход, который вложен в несколько элементов под ним. Мне нужно имя целевого класса, чтобы добавить его.

Я думал, что смогу использовать .queryselector, но, похоже, нет. Я не могу использовать идентификатор на входе.

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()