JQuery селектор детей

Question

У меня есть следующие разметки:

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

Использование детей селектор, как я могу выбрать span.info? Я пробовал делать:

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

Но это не работает для меня.

EDIT: Спасибо за ответы всем. Если я назначу контейнер DIV следующим образом:

var parentDiv = $('.form-fields')

Затем, используя вар «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); 


});