Javascript 如何基于单元格单击高亮显示表格行？

我有一张自助表。如果用户单击特定单元格（删除），我想突出显示红色的行。我使用的是

单击单元格.bs.表

，但单击单元格时什么也没有发生

$table.on("click-cell.bs.table", function (field, value, row, $element) {
   if (field == 'Delete') {
        $element.parent().toggleClass('bg_delete');
   }
});

---

函数需要事件作为第一个参数

还有两个小问题：1）将

$table

更正为

$（“#table”）

和2）删除

父函数

以下是解决方案：

$('#table').on("click-cell.bs.table", function (e, field, value, row, $element) {

if (field === 'Delete') {
        $element.toggleClass('bg_delete');
   }
});

函数需要事件作为其第一个参数

还有两个小问题：1）将
$table
更正为
$（“#table”）
和2）删除
父函数

以下是解决方案：

$('#table').on("click-cell.bs.table", function (e, field, value, row, $element) {

if (field === 'Delete') {
        $element.toggleClass('bg_delete');
   }
});

您需要更改一点CSS。请看一看

请参见下面的示例代码

您需要更改一点CSS。请看一看

请参见下面的示例代码

这应该会修复它多一点，只是还没有修复添加类part@CarstenLøvboAndersen您的意思是要包含一个JSFiddle链接吗？是的，很抱歉这里是@CarstenLøvboAndersen谢谢。我意识到我没有使用Jquery分配名称。我把你做的做得更进一步了，但是高亮显示不起作用。我也不知道为什么这个字段周围有引号，所以它就像是
“Delete”“
这应该可以解决更多问题，只是没有解决添加类的问题。”part@CarstenLøvboAndersen您的意思是要包含一个JSFiddle链接吗？是的，很抱歉这里是@CarstenLøvboAndersen谢谢。我意识到我没有使用Jquery分配名称。我把你做的做得更进一步了，但是高亮显示不起作用。另外，我也不知道为什么字段周围有引号，所以类似于
“Delete”
谢谢。这很好，但我想突出显示整行，而不仅仅是单元格。我尝试了
$element.parent（）.toggleClass（'bg_Delete'））；
，但这似乎不一致，悬停时高亮显示消失。
单击cell.bs.table
查看
，然后
单击row.bs.table
查看
谢谢。这很好，但我希望高亮显示整行，而不仅仅是单元格。我尝试了
$element.parent（）.toggleClass（'bg\u delete'））；
，但这似乎不一致，悬停时突出显示消失。
单击cell.bs.table
查看
，单击行.bs.table查看