Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery两个类之间的所有项_Jquery_Html - Fatal编程技术网
Fatal编程技术网
  • jquery/
  • jQuery两个类之间的所有项

jQuery两个类之间的所有项

jquery html

jQuery两个类之间的所有项,jquery,html,Jquery,Html,人们可以在日历上选择预订的第一天和最后一天。 将添加类（.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='

人们可以在日历上选择预订的第一天和最后一天。 将添加类（.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”。

您可以添加：

$('.first').nextUntil('.last').addClass('chosen')
如果您需要包括第一个和最后一个div（您确实说过介于之间，但不包括），您可以使用：

$('.first').nextUntil('.last').add('.first,.last').addClass('chosen')
也许还有其他更有效的方法，但你可以这样做：

$('.first').nextUntil('.last').addClass('choosen');
$('.last').addClass('choosen');
当然，如果您知道范围，请尝试使用。下面是一个工作示例：

$（“div”）.slice（2,5）.addClass（'choosen'）

.choosen{
颜色：红色；
}



星期一
星期二
星期三
星期四
星期五
星期六
星期天
试试这个


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


试一试


很明显，马修。这就是为什么我添加了与
add（）。请注意，OP说的是第一段和最后一段之间的内容，但最初没有看到第二段。你是对的！谢谢。如果每个div周围都有一个»«我该怎么办？div上都有td，这应该不会太麻烦了。如果希望td获得css类choosen，在addClass之前，添加.parent（）如$（'.last'）.parent（）.addClass（'choosen'）；

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