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()只會抓取immediate子節點。 你需要調用.find() 。

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

甚至

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

只是通過選擇器

$('.form-fields .info')

參考： 。兒童（） ， .find（）

Answer 4

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

你可以測試它：

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


});