访问元素的子元素

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>

现在我需要访问具有类'a'但不是'b'的div的'child'。在这种情况下我也可以访问类a的输入吗？

Answer 1

试试这个

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

Answer 2

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

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

Answer 3

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