Поиск внутри найденного в jQuery

Метод find(), ищет элементы по заданному селектору внутри уже найденных, то есть по потомкам внутри найденных элементов.

Для примера найдем все теги <div>, поставим им в начало текст ! с помощью .prepend(), затем внутри них найдем все абзацы с помощью метода .find() и поставим им ?:

<div>
  <h3><span></span></h3>
  <p></p>
</div>
<div>
  <h3><span></span></h3>
  <p></p>
</div>
<script>
  const elements = $("div").prepend("!").find("span").prepend("?");
  console.log(elements);
</script>

Выбор дочерних элементов

children() в отличие от find() выполняет поиск элементов только среди детей каждого элемента текущего набора, не опускается ниже одного уровня по DOM-дереву:

<div>
  <h3>
    <span><span></span></span>
  </h3>
  <p></p>
</div>
<div>
  <h3>
    <span><span></span></span>
  </h3>
  <p></p>
</div>
<script>
  const elements = $("h3").prepend("!").children("span").prepend("?");
  console.log(elements);
</script>