[jQuery] 랜덤으로 class 추가하기

방법1

$(document).ready(function(){
var classes = ["one", "two", "three"];
$("#container li").each(function(){
$(this).addClass(classes[~~(Math.random()*classes.length)]);
});
});

방법2

$(document).ready(function () {
bgImageTotal = 5;
randomNumber = Math.round(Math.random() * (bgImageTotal - 1)) + 1;
$('.reveal-wrapper').addClass('image' + randomNumber);
});

방법3

function randOrd() {
return (Math.round(Math.random())-0.5); 
}
$(document).ready(function() {
var klasses = [ 'li-one', 'li-two', 'li-three', 'li-four', 'li-five' ];
klasses.sort( randOrd );
$('#menu ul li a').each(function(i, val) {
$(this).addClass(klasses[i]);
});
});

방법4

var classes = ['bgimg1','bgimg2', 'bgimg3']; //add as many classes as u want
var randomnumber = Math.floor(Math.random()*classes.length);
$('body').addClass(classes[randomnumber]);
본문에 대해 문의가 있으신 분은 post@wallel.com로 이메일 보내주세요.
본문 외에 추가 문의 사항은 문의하기를 통해주시기 바랍니다.