Javascript 函数在之前执行，结果不适用

我的项目做得更好，但我仍在努力找出一些不正常的事情。 例如，我创建了一个按钮“UTG1”，它以绿色过滤矩阵中的特定范围。单击此按钮时，只应删除没有绿色背景的值，但首先删除所有值，然后设置背景。 有什么线索吗？ 提前谢谢

表格突出显示
$（函数（）{
var color='#33FF36'；
$（“#按钮”）。单击（函数（）{
颜色='#33FF36'；
});
$（'#按钮2'）。单击（函数（）{
颜色='#F0FF00'；
});
$（'#按钮3'）。单击（函数（）{
$（'tabla td'）。每个（函数（）{
$（this.css（'background'，'transparent'）；
});
});
$（'#按钮4'）。单击（函数（）{
颜色='#F0FF00'；
});
$（'td'）.toggle（函数（）{
$（this.css（'背景'，颜色）；
}，函数（）{
$（this.css（'background'，'transparent'）；
});
} );
桌子
{
宽度：520px；
高度：520px；
边界塌陷：塌陷；
}
表2-1
{
宽度：520px；
高度：50px；
边界塌陷：塌陷；
}
运输署
{
宽度：40px；
高度：40px；
填充：0px；
边框：1px实心#666666；
光标：指针；
}
AA
AKs
AQs
AJs
助教
A9s
A8s
A7s
A6s
A5s
A4s
A3s
A2s
阿科
KK
KQs
KJs
KTs
K9s
K8s
K7s
K6s
K5s
K4s
K3s
K2s
AQo
KQo
QQ
QJs
QTs
Q9s
Q8s
Q7s
Q6s
Q5s
Q4s
Q3s
Q2s
阿霍
KJo
QJo
林俊杰
JTs
J9s
J8s
J7s
J6s
J5s
J4s
J3s
J2s
ATo
KTo
QTo
JTo
TT
T9s
T8s
T7s
T6s
T5s
T4s
T3s
T2s
A9o
K9o
Q9o
J9o
T9o
99
98s
97s
96s
95秒
94s
93s
92s
A8o
K8o
Q8o
J8o
T8o
98o
88
87s
86秒
85s
84秒
83s
82s
A70
K7o
Q7o
J7o
T7o
97o
87o
77
76秒
75秒
74s
73s
72秒
A6o
K6o
Q6o
J6o
T6o
96o
86o
76o
66
65秒
64s
63s
62s
A5o
K5o
Q5o
J5o
T5o
95o
85o
75度
65o
55
54秒
53s
52秒
A4o
K4o
Q4o
J4o
T4o
94o
84o
74度
64度
54o
44
43s
42秒
A3o
K3o
Q3o
J3o
T3o
93o
83o
73o
63o
53o
43o
33
32秒
A2o
K2o
Q2o
J2o
T2o
92o
820
72o
62o
52o
42o
32o
22
提高
呼叫
UTG1
函数ep1（）
{
$（'tabla td'）。每个（函数（）{
$（this.css（'background'，'transparent'）；
});	
tabla.rows[0]。单元格[0]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[1]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[2]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[3]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[4]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[5]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[10]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[11]。style.backgroundColor=“#33FF36”；
tabla.rows[1]。单元格[0]。style.backgroundColor=“#33FF36”；
tabla.rows[1]。单元格[1]。style.backgroundColor=“#33FF36”；
tabla.rows[1]。单元格[2]。style.backgroundColor=“#33FF36”；
tabla.rows[1]。单元格[3]。style.backgroundColor=“#33FF36”；
tabla.rows[2]。单元格[0]。style.backgroundColor=“#33FF36”；
tabla.rows[2]。单元格[2]。style.backgroundColor=“#33FF36”；
tabla.rows[2]。单元格[3]。style.backgroundColor=“#33FF36”；
tabla.rows[3]。单元格[3]。style.backgroundColor=“#33FF36”；
ep2（）；
}
函数ep2（）{
对于（变量i=0；i<13；i++）{
对于（var j=0；j<13；j++）{
if（tabla.rows[i].cells[j].style.backgroundColor！='#33FF36'）
{tabla.rows[i]。单元格[j]。innerText=''；}
} 
}
}

除了

tabla.rows[i].cells[j].style.backgroundColor 

返回一个rgb值，当您检查六进制代码时，您需要做的就是与rgb值进行比较，如下所述

if(tabla.rows[i].cells[j].style.backgroundColor!='rgb(51, 255, 54)'){
 {tabla.rows[i].cells[j].innerText='';}
}

函数ep1（）
{
$（'tabla td'）。每个（函数（）{
$（this.css（'background'，'transparent'）；
});	
tabla.rows[0]。单元格[0]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[1]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[2]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[3]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[4]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[5]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[10]。style.backgroundColor=“#33FF36”；
tabla.rows[0]。单元格[11]。style.backgroundColor=“#33FF36”；
tabla.rows[1]。单元格[0]。style.backgroundColor=“#33FF36”；
tabla.rows[1]。单元格[1]。style.backgroundColor=“#33FF36”；
tabla.rows[1]。单元格[2]。style.backgroundColor=“#33FF36”；
tabla.rows[1]。单元格[3]。style.backgroundColor=“#33FF36”；
tabla.rows[2]。单元格[0]。style.backgroundColor=“#33FF36”；
tabla.rows[2]。单元格[2]。style.backgroundColor=“#33FF36”；
tabla.rows[2]。单元格[3]。style.backgroundColor=“#33FF36”；
tabla.rows[3]。单元格[3]。style.backgroundColor=“#33FF36”；
ep2（）；
}
函数ep2（）{
对于（变量i=0；i<13；i++）{
对于（var j=0；j<13；j++）{
if（tabla.rows[i].cells[j].style.backgroundColor！='rgb（51255,54）'
{tabla.rows[i]。单元格[j]。innerText=''；}
} 
}
}

表格突出显示
$（函数（）{
变量颜色='#33FF36'；
$（“#按钮”）。单击（函数（）{
颜色='#33FF36'；
});
$（'#按钮2'）。单击（函数（）{
颜色='#F0FF00'；
});
$（'#按钮3'）。单击（函数（）{
$（'tabla td'）。每个（函数（）{
$（this.css（'background'，'transparent'）；
});
});
$（'#按钮4'）。单击（函数（）{
颜色='#F0FF00'；
});
$（'td'）.toggle（函数（）{
$（this.css（'背景'，颜色）；
}，函数（）{
$（this.css（'background'，'transparent'）；
});
} );
桌子
{
宽度：520px；
高度：520px；
边界塌陷：塌陷；
}
表2