jquery - jQuery仅当一个类包含在另一个类中时才选择它

Question

例如...假设我想查找包含在“John”类的 div 中的“A”类元素

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

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

我怎么能只选择 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                    

选择器中的空格意味着它将匹配任何具有 class 的元素，该元素A是具有 class 的 div 元素的后代John。

后代选择器的 W3 文档。

Answer 2

试试SELECTOR喜欢

$('.John .A');

首先它将选择John分类div，然后它将选择带有 class 的元素A。

Answer 3

好...

$('.John > .A');

或者如果你想反过来

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