Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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
Javascript 使用jquery将类添加到每几个随机元素中_Javascript_Jquery_Random_Increment_Sequential - Fatal编程技术网

Javascript 使用jquery将类添加到每几个随机元素中

Javascript 使用jquery将类添加到每几个随机元素中,javascript,jquery,random,increment,sequential,Javascript,Jquery,Random,Increment,Sequential,我有一系列的元素,比如说: <div class="tile1"></div> <div class="tile2"></div> <div class="tile3"></div> <div class="tile4"></div> 等等 如何使用Jquery将新类“color”以2到6之间的增量添加到每几个随机元素中,如下所示: <div class="tile1"></d

我有一系列的元素,比如说:

<div class="tile1"></div>
<div class="tile2"></div>
<div class="tile3"></div>
<div class="tile4"></div>

等等

如何使用Jquery将新类“color”以2到6之间的增量添加到每几个随机元素中,如下所示:

<div class="tile1"></div>
<div class="tile2 color"></div>
<div class="tile3"></div>
<div class="tile4"></div>
<div class="tile5 color"></div>
<div class="tile6"></div>
<div class="tile7 color"></div>
<div class="tile8"></div>
<div class="tile9"></div>
<div class="tile10"></div>
<div class="tile11"></div>
<div class="tile12 color"></div>


等等。

这会将您的随机颜色类别添加到您的div以及索引中

  $( "div" ).addClass(function( index ) {
      return "tile" + index + (Math.floor(Math.random() * 10 + 1) == 2) ? '' : 'color';
  });

您需要将JQuery与普通javascript混合使用:

$("[class^=tile]").each(function(i,e){
    ranNum = Math.floor(Math.random() * (6 - 2 + 1)) + 2;
    if((i + 1) % ranNum == 0){
       $(e).addClass('color');
    }
});
在这里,我们在tile div中循环,如果tile的剩余数除以随机数为0,我们将为其指定颜色类


您能给我们看看您的jquery代码吗?