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

2016-07-09

김 태영

방법1

변수 classes에 할당된 배열의 이름을 li 태그에 랜덤으로 부여

$(document).ready(function(){
    var classes = ["one", "two", "three"];

    $('li').addClass(classes[~~(Math.random()*classes.length)]);
});

방법2

변수 bgImageTotal 변수의 숫자를 최대값으로 하여 li 태그에 image1 ~ 5 class를 랜덤으로 부여

$(document).ready(function () {
    var bgImageTotal = 5;
    var randomNumber = Math.round(Math.random() * (bgImageTotal - 1)) + 1;

    $('li').addClass('image' + randomNumber);
});

JQuery random class 랜덤 class