[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]);
본문에 대해 문의가 있으신 분은 kty0529@gmail.com로 이메일 보내주세요.