使用jQuery中的children()访问更深层次的项目

时间:2010-05-29 12:58:03

标签: javascript jquery jquery-selectors

我想在容器的未知嵌套级别中访问一个简单的按钮。

使用container.children('button')可以访问第一级的按钮,即:

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

尝试使用以下构造:

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

失败,因为按钮不是直接的孩子。我可以使用element.children().children('button'),但按钮的深度可以改变,这感觉太奇怪了。

我也可以编写自己的函数来迭代所有的孩子来找到我需要的东西,但我想jQuery已经有了选择器。

所以问题是:

如何使用jQuery选择器访问未知深度的子项?

2 个答案:

答案 0 :(得分:51)

怎么样

container.find('button');

答案 1 :(得分:19)

使用.find()