随机颜色生成器(完整的部分，而不仅仅是一个单词)

Question

我在stackoverflow上的某个地方找到了一个jQuery随机颜色函数，但是我需要对此进行调整，以便将任何元素添加到其中，整个部分都是相同的颜色，而不是每个颜色单词是随机颜色。

// any valid css colours
var colors = ["#FF0000", "#FFC0CB", "#C71585", "#FFA500", "#FF4500", "#FFFF00", "#800080", "#4B0082", "#00FF00", "#2E8B57", "#808000", "#008080", "#00FFFF", "#0000FF", "#DAA520", "#800000", "#00BFFF"];
	$('.colortxt').html(function (i, text) {
		return $.map(text.split(' '), function (word) {
			 return '<span style="color:'
				 + colors[Math.floor(Math.random() * colors.length)]
				 + '">' + word + '</span>';
		}).join(' ');
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<h1 class="colortxt"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</h1>

Answer 1

删除map方法，将字符串拆分为单词，然后将颜色函数更改为每个单词

// any valid css colours
var colors = ["#FF0000", "#FFC0CB", "#C71585", "#FFA500", "#FF4500", "#FFFF00", "#800080", "#4B0082", "#00FF00", "#2E8B57", "#808000", "#008080", "#00FFFF", "#0000FF", "#DAA520", "#800000", "#00BFFF"];
	$('.colortxt').html(function (i, text) {
		return '<p style="color:'
				 + colors[Math.floor(Math.random() * colors.length)]
				 + '">' + text + '</p>';
		});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<h1 class="colortxt"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</h1>