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

參考：.children()，.find()

Answer 4

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

可對其進行測試，如：

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


});