javascript - 如何在js中获取选定单元格的行明智和列明智的表格数据

Question

[![这是一个使用 HTML 设计的表格][1]][1]

嗨，在此表中，用户可以选择任何单元格(甚至多个单元格)。我需要的是，一旦按下提交按钮，相应的行和列表数据(即本示例中的 B 和 1pm)必须存储在数据库。

<script type="text/javascript">
function change()
{
var cells = document.querySelectorAll("td");

for (var i = 0; i < cells.length; i++) {
    cells[i].addEventListener("click", function() {
       this.className= this.className == "white" ? "green" : "white";
    });
}
}

function alert()
{
var cells = document.querySelectorAll("td");

for(var i=0;i<cells.length;i++)
{
if(cells[i].className.match("green"))
{
document.getElementById('p1').innerHTML="Appointment fixed";

}

}

}

</script>

这是单元格选择的js，如果选择任何一个单元格，提交时会发出警报消息

我是 js 新手，所以请有人帮我解决这个问题。谢谢。

Answer 1

在每个 td 元素的 HTML 中，您可以像这样保存其列名称和行名称

<td data-r="Fairlands_B" data-c="1pm" class="green"></td>

然后从点击的td中获取行和列数据:

var place=this.dataset.r;
var time=this.dataset.c;