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

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

删除将{1}}方法拆分为单词和apllies将颜色函数更改为每个单词的方法

＆＃13;

＆＃13;

map

＆＃13;

// 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>';
		});

＆＃13;

＆＃13;

＆＃13;