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

【问题标题】：Accessing items at deeper levels using children() in jQuery在 jQuery 中使用 children() 访问更深层次的项目
【发布时间】：2010-05-29 12:58:03
【问题描述】：

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

使用container.children('button') 允许我访问第一级的按钮，即IE：

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

尝试将其与以下构造一起使用：

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

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

我也可以编写自己的函数来遍历所有子项以找到我需要的东西，但我猜 jQuery 确实已经为此提供了选择器。

所以问题是：

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

【问题讨论】：

【解决方案1】：

怎么样

container.find('button');

【讨论】：

【解决方案2】：

通过使用.find()

【讨论】：