Jquery 如何在单击表格数据时设置背景色？

我正在尝试一个jquery代码来设置表数据点击时的背景色。对于来自每一行的同级表数据，代码运行良好。问题是，当我单击[0,0]位置的列，然后单击[1,0]列时，两列的背景颜色相同。我只想要选定列的背景色，而不是其顶部和底部列的背景色

$（函数（）{
$（'table tr'）。在（'click'，'td'，function（）上{
警报（1）；
$（this.addClass（'active'）.sides（）.removeClass（'active'）；
});
});
td.active{
背景色：红色！重要；
}

索赔状态
最近15笔交易
供应商
提供者名称
从日期开始
迄今为止
付款日期
账单金额
已付金额
过程中支付/拒绝
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
















添加以下内容：

 $('td').removeClass('active');

通过首先从每个
中删除
.active
类，它确保以后分配的
.active
是唯一具有
.active
的
。顺便说一句，您也不需要此部件：

.siblings().removeClass('active')


$（函数（）{
$（'table tr'）。在（'click'，'td'，function（）上{
$（'td'）.removeClass（'active'）；
$（this.addClass（'active'）；
});
});
td.active{
背景色：红色！重要；
}

索赔状态
最近15笔交易
供应商
提供者名称
从日期开始
迄今为止
付款日期
账单金额
已付金额
过程中支付/拒绝
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
abc
02/17/2016
02/17/2016
02/17/2016
$120.53
$0.00
进行中
















添加以下内容：

 $('td').removeClass('active');

通过首先从每个
中删除
.active
类，它确保以后分配的
.active
是唯一具有
.active
的
。顺便说一句，您也不需要此部件：

.siblings().removeClass('active')


$（函数（）{
$（'table tr'）。在（'click'，'td'，function（）上{
$（'td'）.removeClass（'active'）；
$（this.addClass（'active'）；
});
});
td.active{
背景色：红色！重要；
}

索赔状态
最近15笔交易
供应商
提供者名称
从日期开始
迄今为止
付款日期
账单金额
已付金额
过程中支付/拒绝