Javascript jquery背景颜色在按钮上更改单击表内

我有按钮内表，内表按钮是点击想改变该按钮的背景色和其他按钮上相同的颜色

我尝试使用jquery，如下所示

$('#bt1').click(function() {
    $('#bt1').css('background', 'red');
});

但它只适用于一个按钮

<table id="abcd">
    <tr>
        <td><button class="cellGreen" id="bt1"><font>HOME</font></button></td>
        <td><button class="cellGreen" id="bt2"><font>PROJECT</font></button></td>
        <td><button class="cellGreen" id="bt3"><font>TEST</font></button></td>
        <td><button class="cellGreen" id="bt4"><font>Help</font></button></td>
    </tr>           
</table>

<button id="btdffd1"><font>Other Buttons</font></button>
<button id="btdffd1"><font> Buttons</font></button>

家
项目
试验
帮助
其他按钮
按钮

对于所有按钮，使用

$（'td button'）

作为选择器

$('#bt1').click(function() {
    $('button.cellGreen').css('background', 'red');
});

要单击所有按钮，请使用：

$('button.cellGreen').click(function() {
    $('button.cellGreen').css("background","");
    $(this).css('background', 'red');
});

---

注意：您的最后两个按钮具有重复的ID。

您必须使用其类别

cellGreen

$('.cellGreen').click(function() {
  $('.cellGreen').css('background', '');
  $(this).css('background', 'red');
});

---

您可能需要：

将选择器更改为class

.cellGreen

，并应用以下脚本，该脚本将其他按钮的背景设置为默认，并将单击的按钮设置为红色

$('.cellGreen').click(function () {
     $(".cellGreen").css("background","");
     $(this).css('background', 'red');
});

---

它将改变所有按钮的背景色，这里我只想改变点击按钮（在表内）的颜色