jQuery 子选择器

Question

我有以下标记：

<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')

那么使用 var 'parentDiv' 选择 span.info 的最佳方法是什么？

Answer 1

使用 find 获取非直接后代：

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

Answer 2

为什么需要使用.children？

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

Answer 3

.children() 只会获取直接 子节点。您需要调用.find()。

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

或者甚至

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

只是通过选择器

$('.form-fields .info')

参考： .children(), .find()

Answer 4

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

你可以像这样测试它：

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


});