Граф дочерних элементов «это»

Question

У меня есть следующий HTML структура и хочет подсчитать количество input в наружной foo - может быть несколько экземпляров foo на одной странице, поэтому я хочу, чтобы рассчитывать в каждом случае

<div class="foo"> 
    <div> 
    <input type="text...> 
    <label></label> 
    <input type="text...> 
    <label></label> 
    </div> 
</div> 

Вот что я пытаюсь, но, конечно, это не удается, потому что this является жалкой и div и input не

$(".foo").each(function() { 
    console.log($(this > div > input).length); 
}) 

есть ли способ сделать это?

Answer 1

Использование:.

$(".foo").each(function() { 
    console.log($(this).find('> div > input').length); 
}); 

Answer 2

Проверить это Demo

$(".foo").each(function() { 
    console.log($(this).find('input').length); 
})