感谢梳理堆栈溢出,我找到了这个答案,
有一种更简单的方法可以在没有 jQuery 的情况下使用表,我的问题的解决方案是使用这样的函数:
(在创建表的 for 循环中)
for(var i=0; i < test1; i++)
{
tr = $("<tr />");
for(var j=0; j < test2; j++)
{
td = $("<td />");
if(matchConditionIsMet(i,j))
matchArr = [i,j];
td.appendTo(tr);
}
tr.appendTo("#mapTable");
}
(循环执行后)
i = matchArr[0];
j = matchArr[1];
var targ = document.getElementById("mapTable").rows[0].cells[j];
$(targ).addClass("target");
targ = document.getElementById("mapTable").rows[i].cells[0];
$(targ).addClass("target");
在花了我生命中的几分钟试图重新发明轮子之后,我发现答案存在于 Javascript 的核心,无库。
它仍然没有解决为什么nth-child()
有时有效而其他时候无效的谜团,但更实际地说,它为我提供了一种标记目标单元格的行标题和列标题的方法。
希望这可以为某人节省一些麻烦。