Question

我想在容器（Container）中进行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();

Live DEMO

Answer 3

你需要两个步骤吗？首先，您可以致电$('#Div10')直接获取div。或者使用$('.one#Div10')仅获取包含课程one和ID Div10的div。

Answer 4

此选择器使用类one

获得3个div

$('#Container > .one');

从前一个开始减少选择

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

请参阅filter()文档

如何在容器内进行2次选择？

4 个答案: