Доступ к элементам на более глубоких уровнях с помощью children () в jQuery

Question

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

Использование container.children('button') позволяет мне получить доступ к кнопкам на первом уровне, I.E.:

<div>
 <button>test</button>
</div>

Попытка использовать то же самое со следующей конструкцией:

<div>
 <div>
  <button>test</button>
 </div>
</div>

Сбой, потому что кнопка не является прямой дочерней. Я мог бы использовать element.children().children('button'), но глубина кнопки может измениться, и это кажется слишком странным.

Я также могу написать свою собственную функцию для итерации, хотя все дети находят то, что мне нужно, но я думаю, что jQuery уже имеет селекторы для этого.

Итак, вопрос:

Как я могу получить доступ к детям с неизвестной глубиной, используя селекторы jQuery?

Answer 1

Как насчет

container.find('button');

Answer 2

с помощью .find ()