Question

人们可以在日历上选择预订的第一天和最后一天。将添加类（.first）和（.last）。

实施例

<div class='date'>Monday</div> 
<div class='date first'>Tuesday</div> 
<div class='date'>Wednesday</div> 
<div class='date'>Thursday</div> 
<div class='date last'>Friday</div> 
<div class='date'>Saturday</div> 
<div class='date'>Sunday</div>

所有日子（在“.first”和“.last”之间）现在应该添加“.choosen”类。

Answer 1

您可以添加：

$('.first').nextUntil('.last').addClass('chosen')

如果你需要包括第一个和最后一个div（你之间说过，不包括），你可以使用：

$('.first').nextUntil('.last').add('.first,.last').addClass('chosen')

Answer 2

可能还有另一种更有效的方法，但你可以这样做：

$('.first').nextUntil('.last').addClass('choosen');
$('.last').addClass('choosen');

Answer 3

如果您了解课程范围，请尝试使用.slice()。请在此处查看一个有效的示例：http://jsfiddle.net/csdtesting/cm6jq8tx/

$("div").slice(2, 5).addClass('choosen');

.choosen {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='date'>Monday</div>
<div class='date first'>Tuesday</div>
<div class='date'>Wednesday</div>
<div class='date'>Thursday</div>
<div class='date last'>Friday</div>
<div class='date'>Saturday</div>
<div class='date'>Sunday</div>

Answer 4

试试这个

$(document).ready(function(){
    $(".first").nextUntil(".last").addClass('choosen');
});

Answer 5

尝试

$(".first ~ *:not(.last, .last ~ *)")
.addClass("choosen")

jsfiddle http://jsfiddle.net/guest271314/qagsbwzu/

jQuery两个类之间的所有项目

5 个答案: