[英]Add class to every few random elements with jquery
我有一系列元素,可以這樣說:
<div class="tile1"></div>
<div class="tile2"></div>
<div class="tile3"></div>
<div class="tile4"></div>
等等
我將如何使用Jquery將新類“顏色”添加到每幾個隨機元素中,其增量在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');
}
});
在這里,我們遍歷圖塊div,如果圖塊數除以隨機數的余數為0,我們將為其分配顏色類別。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.