Javascript 如何为表格中的每一列设置背景色？

我有一个表，有四列两行，第四列每行有一个按钮，现在我想更改第二行第二列的背景色，同时单击每行的按钮。请让我知道怎么做

我把代码放在这里供你参考

$(function(){
    $('input').click(function(){
        $('table').find('tr td:eq(1)').css('background-color', 'red');
    });
});

HTML

1.
贾伊
描述
2.
南部
描述

对于这种情况，不需要使用繁重的JavaScript/jQuery。相反，您可以使用

：

1.
贾伊
描述
2.
南部
描述

使用查找包含按钮的

tr

，然后使用该按钮查找第二列

$（函数（）{
$（'input'）。单击（函数（）{
$（this）.closest（'tr'）.find（'td:eq（1））.css（'background-color'，'red'）；
});
});

1.
贾伊
描述
2.
南部
描述
试试这个

如果您知道jquery中的parent（），那么您也可以尝试这样做

$(function() {
    $('input').click(function() {
    $(this).parent().parent().find('td:eq(1)').css('background-color', 'red');
  });
});

“$（this）.parent（）.parent（）.find（'td:eq（1）'）”在这一行js中，它将移动到其父标记两次，意味着点击输入控制按钮$（this），然后它将移动到其父标记两次，以到达其标记，并从该位置找到位置1处的td。从这里开始，您可以像上面的js代码那样进行颜色更改操作。
@ajai:很高兴为您提供帮助：）@Michael_B是的，我已经提到了。不是吗？看看这个问题：
$(function() {
    $('input').click(function() {
    $(this).parent().parent().find('td:eq(1)').css('background-color', 'red');
  });
});