jQuery子选择器

我有以下标记：

<div class="form-fields">
  <div class="row">
    <span class="info">Info</span>
  </div>
</div>

信息

使用子选择器如何选择span.info？我尝试过：

$（'.form fields'）.children（'.row.info'）

但这对我不起作用

编辑：谢谢大家的回答。如果我按如下方式分配容器DIV：

var parentDiv=$（'.form fields'）

---

然后使用变量“parentDiv”选择span.info的最佳方法是什么？

为什么需要使用

.children

$('.form-fields span.info')

用于获取非直接子体：

$('.form-fields').find('.row .info')

.children（）

将只抓取

立即的

子节点。您需要调用

.find（）

甚至

$('.form-fields').find('.row').find('.info');

仅凭选择器

$('.form-fields .info')

参考文献：

您可以通过以下方式进行测试：

$(document).ready(function() {
    alert( $('.form-fields').children('.row').children('.info').length);


});

---

@gstar：那个么您最好使用

查找
。
$('.form-fields').children('.row').children('.info')

$(document).ready(function() {
    alert( $('.form-fields').children('.row').children('.info').length);


});