将相同的随机类应用于指定的每个元素

时间:2012-08-04 07:43:08

标签: jquery css

我一直在处理这里提供的答案: Apply a random class to every element specified

但是,我希望从列出的类中进行选择,然后将随机选择的类应用于三个项目。

$(document).ready(function() {
    var classes = ["c4kdarkerBlue", "c4korange", "c4kyellow", "c4kyellow", "c4kpink", "c4kpurple", "c4kgreen", "c4kred"];

    $(".instructorDetails h3, .instructorDetails h4, .instructorDetails h5").each(function(){
        $(this).addClass(classes[Math.floor(Math.random()*classes.length)]);
    });
});

上面的代码选择了一个随机类,但对每个项目应用不同的一个,而不是对所有三个类别应用相同的类。

我需要h3,h4和h5都具有相同的颜色 - 随机选择。

感谢您的帮助。

1 个答案:

答案 0 :(得分:4)

如果在.each内创建随机数,它将为每个元素生成一个新的随机数。你应该这样做;

$(document).ready(function() {
    var classes = ["c4kdarkerBlue", "c4korange", "c4kyellow", "c4kyellow", "c4kpink", "c4kpurple", "c4kgreen", "c4kred"],
        randNum = Math.floor(Math.random()*classes.length);

    $(".instructorDetails h3, .instructorDetails h4, .instructorDetails h5").each(function(){
        $(this).addClass(classes[randNum]);
    });
});