Jquery-更改背景颜色和选择字段

我有一个id=“myTable”的jQuery表

我想实现两件事。

目前，只需点击“选择”按钮即可选择某个表行。我希望您可以单击表行中的任何位置来选择此项，而不仅仅是单击按钮

单击“选择”按钮或表格行本身后，所选表格行的背景色应立即更改

这是我的剧本：

$（文档）.ready（函数（）{
//用于读取选定表格行单元格数据（值）的代码。
$（“#myTable”）。在（'click'，'btselect'，'tr'，function（）上{
//获取当前行
var currentRow=$（此）；
var col1=currentRow.find（“td:eq（0）”）.html（）；//获取当前行第一个表单元格td值
var col2=currentRow.find（“td:eq（1）”）.html（）；//获取当前第二行表格单元格td值
var col3=currentRow.find（“td:eq（2）”）.html（）；//获取当前行第三个表单元格td值
var output1=col1；
var output2=col2；
var output3=“”；
var output4=“”；
$（'#myTable tr'）。单击（函数（e）{
$（'#myTable tr'）.removeClass（'rowcolorbg'）；
$（this.addClass（'rowcolorbg'）；
});
$.ajax({
类型：“POST”，
url:“ajax callback.php”，
数据：{
输出1：输出1，
输出2：输出2，
输出3：输出3，
输出4：输出4
},
成功：功能（数据）{
控制台日志（数据）；
},
});
});
});
如果使用四个参数，请使用三个参数。目标选择器应该用逗号分隔，就像在CSS中一样：

$("#myTable").on("click", ".btnSelect, tr", function() {

也不要在单击事件中使用单击事件

总而言之：

jQuery（函数（$）{
//用于读取选定表格行单元格数据（值）的代码。
$（“#myTable”）。在（“单击”上，“.btselect，tr”，函数（ev）{
ev.preventDefault（）；
const$row=$（this）.closest（“tr”）；
$row.sides（）.removeClass（“rowcolorbg”）；//其他TR元素
$row.addClass（“rowcolorbg”）；
$.ajax({
类型：“POST”，
url:“ajax callback.php”，
数据：{
output1:$row.find（“td:eq（0）”）.html（），
output2:$row.find（“td:eq（1）”）.html（），
输出3:“”，
输出4:“
},
成功：功能（数据）{
控制台日志（数据）；
}
});
});
});

快速演示：


jQuery（函数（$）{
//用于读取选定表格行单元格数据（值）的代码。
$（“#myTable”）。在（“单击”，“tr”，函数（ev）{
ev.preventDefault（）；
const$row=$（this）.closest（“tr”）；
$row.sides（）.removeClass（“rowcolorbg”）；//其他TR元素
$row.addClass（“rowcolorbg”）；
$.ajax({
类型：“POST”，
url:“ajax callback.php”，
数据：{
output1:$row.find（“td:eq（0）”）.html（），
output2:$row.find（“td:eq（1）”）.html（），
输出3:“”，
输出4:“
},
成功：功能（数据）{
控制台日志（数据）；
}
});
});
});
.rowcolorbg td{
背景：紫红色；
}

1A123OKSEL
2B654OKSEL
谢谢，现在所有内容都可以在一行内单击。有关背景颜色更改的详细信息。@Retros您感兴趣的是
.sibbins（）
-请参阅上面的“我的编辑”。