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

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

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

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

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

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

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

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

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

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

Ответы

Ответ 1

Как насчет

container.find('button');

Ответ 2

используя . find()