如何检查网格的特定位置是否有元素？

Question

假设我们有一个有5列和3行的网格。但是有未知数量的元素，在未知的位置。

​

​

假设网格中唯一的元素是红色区域。我需要一个有两个属性的函数，命名为row, column，它们表示网格的坐标。因此，如果我们将它们设置为1, 3，函数必须返回false，因为网格中没有任何元素。但如果我们将它们设置为3, 4，则函数必须返回true。我只需要检查是否有任何元素在指定的坐标中有起点，但我认为如果函数可以检查网格是否包含(任何元素覆盖该点)坐标上的任何元素，这将更加有用。有可能吗？(使用纯javascript)

Answer 1

将ID添加到所有元素，如id=“12”(第一行，第二列)。在内部使用"for“和"if”。

Answer 2

获取HTML元素及其父元素。然后搜索它们在表rows和cols集合中的位置，并将它们与给定的行和列进行比较。

​

function search(row, col){
    var elem = table.querySelector("tag name or element's identifier"),
        parentCol = elem.parentNode,
        parentRow = parentCol.parentNode,
        rowsCollection = table.querySelectorAll("tr"),
        realRowIndex = [].indexOf.call(rowsCollection, parentRow),
        realColIndex = [].indexOf.call(rowsCollection[realRowIndex].querySelectorAll("td"), parentCol);
        
    return row == realRowIndex && col == realColIndex;
}

console.log(search(2, 3)); //true

​