jQuery的選擇，只有當它被包含在另一個類的類

Question

比如......說我是想找到載類「約翰」

<div class='Abe'> 
    <input class='A'> 
    <input class='A'> 
</div> 

<div class='John'> 
    <input class='A'> 
    <input class='A'> 
</div> 

的DIV內的類「A」的元素我怎麼才能在John div中選擇兩個A類對象？

Answer 1

只需：

var elements = $('div.John .A'); 
//    | | || 
//    | | |^__ match elements with class A (the period is the class selector) 
//    | | ^__ the space is the descendant selector (the right side must be a descendant of the left side) 
//    |^_______ class selector for John 
//    ^__________ the matched elements with class John must be div type elements      

在選擇器的空間意味着它將匹配A類中的任何元件，其與John類div元素的後代。

W3 docs for Descendant Selectors。

Answer 2

嘗試SELECTOR像

$('.John .A'); 

首先它會選擇John歸類div，然後將選擇A類的元素。

Answer 3

嗯......

$('.John > .A'); 

，或者如果你想讓它周圍的其他方法

$('.A').filter(function(i, el){ 
    return $(el).closest('.John').length; 
});