Javascript 每10个元素中的前5个元素添加一个类

每10个元素中的前5个元素添加一个类。有许多div

我认为使用jQuery是一种非常好的方法

<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>

//循环遍历每个多维数据集元素
$（'.cube'）。每个（函数（索引）{
//获取索引中的最后一个整数（即0-9）
var num=（指数+1）%10；
//如果1,2,3,4或5
如果（数字0）
//添加新类
$（this.addClass（'newClass'）；
});

这里有一个完整的例子

$（'.cube'）。每个（函数（索引）{
var num=（指数+1）%10；
如果（数字0）
$（this.text（'new cube'）；
});

立方体
立方体
立方体
立方体
立方体
立方体
立方体
立方体
立方体
cube
使用javascript，使用两个计数器，每10个div使用一个计数器，前5个div使用另一个计数器，使用
jquery addClass
，非常简单。
这是使用伪类的CSS方法


ul{
列表样式类型：十进制；
}
李：第n个孩子（10n+1），
李：第n个孩子（10n+2），
李：第n个孩子（10n+3），
李：第n个孩子（10n+4），
李：第n个孩子（10n+5）{
背景：绿色；
}





















试试：

var计数器=0；
$（'.cube'）。每个（函数（i）{
如果（i%10==0）{
计数器=1；
}否则{
计数器++；
}
如果（计数器<5）{
$（this.addClass（'something'）；
}
});
您可以使用jQuery

var counter = 0;
$('.cube').each(function(i) {
   if (i % 10 == 0) {
       counter = 1;
   } else {
       counter++;
   }
   if (counter < 5) {
       $(this).addClass('something');
   }
});


$（）.ready（函数（））{
var计数器=0；
$（“.cube”）。每个（函数（idx、obj）
{
计数器++；
if（counter只确定最后一个数字是什么，如果小于5，则添加class。可以是函数中的一行，但我为可读性分配了一个变量

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
$().ready(function(){
    var counter = 0;
    $(".cube").each(function(idx,obj)
    {
        counter++;
        if(counter <= 5 )
        {

            $(obj).addClass('newstyle');
        }
        if(counter == 10) counter = 0;


    })
});

</script>

$（'div'）。每个（函数（i）{
var num=parseInt（i.slice（-1））；
$（this.toggleClass（'cube'，num<5）；
});
所以它应该对每组10个重复？他们都是兄弟姐妹吗？你可以只使用CSS选择器，或者你真的需要元素上的类吗？你可以使用
javascript
…你尝试了什么？你想添加额外的类本身，还是只是给它们设置样式？@Ereklechumbridze“有很多div”是否可以包含完整的
html
？多维数据集
元素是否有父元素而不是
body
？应该在前五个元素中添加什么
class
？此多维数据集以行形式追加，共有96个多维数据集，共36行。我需要根据时间禁用添加类。因此我需要使用javascript添加类。实际上是在我想会的。我想我不应该相信我的数学技能/
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
$().ready(function(){
    var counter = 0;
    $(".cube").each(function(idx,obj)
    {
        counter++;
        if(counter <= 5 )
        {

            $(obj).addClass('newstyle');
        }
        if(counter == 10) counter = 0;


    })
});

</script>

$('div').each(function(i){
     var num = parseInt(i.slice(-1));
     $(this).toggleClass('cube', num < 5);
});