Question

I want to access a simple button in an unknown nested level of a container.

Using container.children('button') allows me to access buttons in the first level, I.E.:

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

Trying to use the same with the following construct:

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

Fails, because the button is not a direct children. I could use element.children().children('button') but the depth of the button can change and this feels too strange.

I can also write my own function to iterate though all children to find what I need, but I guess jQuery does already have selectors for this.

So the question is:

How can I access children in an unknown depth using jQuery selectors?

Answer 1

How about

container.find('button');