jQuery如何从一系列div中选择div number x

Question

我在容器中有许多div，如下所示：

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

我希望能够使用jquery选择div 2和3并为它们分配一个类。 我知道如何使用.addClass，但我不知道如何选择特定的div

Answer 1

试试.slice方法：

$('.item').slice(1,3).addClass("CLASS");

Answer 2

使用$('.item').slice(1,3)来获取已发布的答案中的范围，或者，您可以使用选择器：lt ＆ ：gt ：

$('.item:gt(0):lt(2)')

 $('.item:gt(0):lt(2)').css('color','red'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> </div> 

Answer 3

你可以使用eq（）。

$('.container div:eq(1), .container div:eq(2)').addClass('red');

这将选择第2项和第3项并一次更新他们的课程。

Answer 4

使用Jquery 切片方法！ 请参阅以下代码

HTML代码：

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

javascript代码：

$('.item').slice(1,3).addClass('this');

运行jsfiddle！ 在这里“ https://jsfiddle.net/gLeagw8s/ ”