jquery - 如何在容器内进行 2 个选择？

Question

我想在容器（容器）内进行 2 个选择。代码如下所示：

    <div id="Container">
        <div id="Div6" class="one">A</div>
        <div id="Div7" class="two">B</div>
        <div id="Div8" class="one">C</div>
        <div id="Div9" class="two">D</div>
        <div id="Div10" class="one">E</div>
    </div>

首先，我想选择所有具有“one”类的元素，而不是在包裹的 3 个元素（Div6、Div8 和 Div10）中只选择 Div10？

Answer 1

简单的答案是独立选择它们，如下所示：

$('.one') //a collection of elements whith class .one
$('#Div10') //the element with ID Div10

如果由于某种原因您必须先选择类，然后仅过滤掉具有正确 ID 的元素，请执行以下操作：

var elm = $('.one').filter('#Div10');

Answer 2

$('#Container .one').doFoo().filter('#Div10').fooElse();

例子：

$('#Container .one').fadeOut()
                    .filter('#Div10').fadeIn();​

现场演示

Answer 3

你需要它是两个步骤吗？首先可以调用$('#Div10')直接获取div。或用于$('.one#Div10')仅获取具有 class oneAND id的 div Div10。

Answer 4

这个选择器获得 3 个带类的 divone

$('#Container > .one');  

减少选择，从上一个开始

$('#Container > .one').filter($('#Div10')); 

查看filter()文档