0

私はここで提供されている答えに取り組んでいます: 指定されたすべての要素にランダムなクラスを適用します

ただし、リストされたクラスから選択し、ランダムに選択されたクラスを3つのアイテムに適用したいと思います。

$(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)]);
    });
});

上記のコードはランダムなクラスを選択しますが、3 つすべてに同じクラスを適用するのではなく、各項目に異なるクラスを適用します。

h3、h4、および h5 をすべて同じ色にする必要があります-ランダムに選択されます。

ご協力いただきありがとうございます。

4

1 に答える 1

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]);
    });
});
于 2012-08-04T07:45:44.453 に答える