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

Затем, используя переменную parentDiv, как лучше выбрать span.info?

Answer 1

Используйте find для получения непрямых потомков:

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

Answer 2

.children() будет захватывать только immediate дочерние узлы.Вам нужно вызвать .find().

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

или даже

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

просто селектором

$('.form-fields .info')

1014 *, .find ()

Answer 3

Зачем вам нужно использовать .children?

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

Answer 4

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

Вы можете проверить это как:

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


});