javascript - 将随机类应用于元素

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
Apply a random class to every element specified

是否可以使用 javascript 获取页面上的所有“a”元素，并将类“.pink”、“.blue”或“.yellow”随机应用于每个 a 元素？我想在我的页面上有不同颜色的链接，但同样随机。我不知道如何执行此操作，因此我没有任何脚本可提供。

Answer 1

当您按照标签中所述使用 jQuery 时，这是一个可能的解决方案:

// when document is loaded
$(document).ready(function () {

    // set classes
    var classes     = new Array ('pink', 'blue', 'green');

    // calculate length once, as this will never change
    var length      = classes.length;

    // select all a-tags
    var links       = $('a');

    // loop through all a-tags and apply color randomly
    $.each( links, function(key, value) {
        // get random value/class-name from array and add it using the addClass function
        $(value).addClass( classes[ Math.floor ( Math.random() * length ) ] );
    });

});

注释应该清楚地说明它的作用。

Try it