你的逻辑有几个问题。首先你需要把所有的
tr
元素并单独处理它们。您还需要将选择器修复为
.myTabl
是
这个
table
,所以
桌子
选择器不正确。
如果你检查输出
css('background-color')
你会看到它在里面
rgb()
格式,不是十六进制或纯彩色名称。因此你需要在你的
if
条件。试试这个:
$(".myTabl tr").each(function() {
if ($(this).css('background-color').toLowerCase() === "rgb(255, 255, 0)") {
$(this).css("background-color", "#f00");
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table table-bordered myTabl">
<tr style="background:#ff0">
<td>...</td>
</tr>
<tr style="background:#f00">
<td>...</td>
</tr>
<tr style="background:#ff0">
<td>...</td>
</tr>
<tr style="background:#f00">
<td>...</td>
</tr>
</table>
也就是说,如果你只是用类来设置颜色,那就简单多了。