在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怪物指出的那樣，這可以更加簡潔地完成：

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

示范