Доступ к дочернему элементу

Question

Мне нужна помощь в доступе к классу с помощью jQuery, но я не уверен, как мне это сделать. Ниже моя структура HTML:

<div class='a'>
    <div class='child'>
    <input type='text'/>
    </div>
</div>
<div class='b'>
    <div class='child'>
    <input type='text'/>
    </div>
</div>

Теперь мне нужно получить доступ к «потомку» div, имеющему класс «a», но не «b». Также я могу получить доступ к вводу класса А в этом сценарии?

Answer 1

//the child
$(".a .child");

//the input    
$(".a input");

Answer 2

// Select all element with class child inside an element with class a
$('.a .child');

// Select all input elements inside all elements with class a
$('.a input');

Answer 3

Попробуйте это

var $child = $("div.a .child");//Child of div with class a

$child.find("input");//This will give you input within div with class child

//OR you can use this also    

var $input = $("div.a input");//input of div with class a