javascript - 在 Javascript 中重构

Question

这是我的代码:

var randomColor = ["red", "blue", "green", "#9CBA7F", "yellow", "#BF5FFF"];

function setRandomColor() {
 return randomColor[Math.floor(Math.random() * randomColor.length)];
}

$('.mastermind_master_cpu').each(function() {
 $(this).find('td').each(function() {
   $(this).css("background-color", setRandomColor);
 })
})

如您所见，mastermind_master_cpu 表将随机填充不同的背景颜色。问题是我有十个不同的表，每次都重复这个。有谁知道我如何才能只制作一个函数/变量并在需要时调用它？

谢谢!

Answer 1

创建一个类，例如 random_color，以应用于除当前类之外的每个表，如下所示:

<table class="mastermind_master_cpu random_color">...</table>

然后你可以只用一次:

$('.random_color').each(function() {
 $(this).find('td').each(function() {
   $(this).css("background-color", setRandomColor);
 })
})

但是作为cookie monster指出，这可以更简洁地完成:

$('.random_color td').css("background-color", setRandomColor);

Demonstration