Javascript 有没有办法比较HTML中两个选定表的行?

Javascript 有没有办法比较HTML中两个选定表的行?,javascript,html,jquery,css,web,Javascript,Html,Jquery,Css,Web,我有多个表,我想选择任意两个表,然后单击按钮(计算)对每一行执行一些任务。如何访问所选表的数据,以便比较任务的数据?目前,我正在使用复选框选择表格,但遇到了如何访问表格内容进行比较的问题 var selectedRows=document.getElementsByClassName('selected'); 函数输入已更改(事件){ console.log(表) 警报(selectedRows) console.log(selectedRows) event.target.parentEle

我有多个表,我想选择任意两个表,然后单击按钮(计算)对每一行执行一些任务。如何访问所选表的数据,以便比较任务的数据?目前,我正在使用复选框选择表格,但遇到了如何访问表格内容进行比较的问题

var selectedRows=document.getElementsByClassName('selected');
函数输入已更改(事件){
console.log(表)
警报(selectedRows)
console.log(selectedRows)
event.target.parentElement.parentElement.className=
event.target.checked?'selected':'';
}
.table\u容器{
浮动:左;
宽度:25%;
}
.container::在{
内容:“;
明确:两者皆有;
显示:表格;
}
桌子{
保证金:0自动;
边界半径:10px;
}
tr{
填充:15px;
文本对齐:居中;
}
运输署{
颜色:黑色;
文本对齐:居中;
垂直对齐:中间对齐;
边框:1倍白色;
高度:50px;
背景色:#e1edf9;
宽度:272px;
}
.sub_文本{
字体大小:12px;
字体:斜体;
颜色:#0071ce;
字号:100;
}
th{
背景色:#0071ce;
文本对齐:居中;
填充:10px;
边框左上半径:10px;
边框右上角半径:10px;
颜色:白色;
字体大小:粗体;
}
.标题{
颜色:#0071ce;
字体大小:粗体;
填充:10px;
}

计划A
$33.90
$161.30
$53.30
$186.20
HSA比赛:最高350美元
HSA比赛:高达700美元
$3000
方案B
$1386.20
HSA比赛:高达1350美元
HSA比赛:高达7010美元
$222
$55
$432
$300
方案C
$33.90
$1161.30
$513.30
$286.20
HSA比赛:高达1350美元
HSA比赛:最高1700美元
$80
比较
你是说

const container=document.getElementById(“容器”);
document.getElementById(“检查”).addEventListener(“单击”,函数)(){
const checks=container.querySelectorAll(“.select:checked”)
如果(checks.length>=2){
checks.forEach(chk=>{
const table=chk.nextElementSibling;
console.log(table.querySelectorAll(“td”)[3].textContent)
})
}
})
td{
边框:1px纯黑
}
比较 一排 表1第1行第2单元格 第2排 表1第2行第2单元 一排 表2第1行第2单元 第2排 表2第2行第2单元 一排 表3第1行第2单元 第2排 表3第2行单元格2
欢迎使用堆栈溢出!访问,采取的,看看什么和。如果你被卡住了,发布一篇你尝试的文章,用代码段编辑器记录输入和预期输出。正如@mplungjun所说。另外,如果您搜索您的问题:“比较两个html表”,那么这个问题在8年零9个月前就已经得到了回答。在这里: