H1中的随机彩色字

Question

可以让H1中的每个单词都是随机颜色,如果刷新页面,那么这些单词会再次被随机化吗？

我想要使​​用5种颜色.我该如何编码呢？

Answer 1

是的,这是可能的:

var colors = ['red', 'yellow', 'blue', 'green', 'black'];
$('h1').each(function(){
    $(this).html($(this).text().split(' ').map(function(v){
        return '<span style="color:'+colors[Math.floor(Math.random()*colors.length)]+'">'+v+'</span>';
    }).join(' '));
});??????

主要思想是将每个h1的内容分成单词并通过嵌入它们来替换单词,<span>因为你不能设置一个单词而只能设置一个单词.

示范