Javascript 如何使用jQuery根据坐标创建带有彩色单元格的表?

Javascript 如何使用jQuery根据坐标创建带有彩色单元格的表?,javascript,jquery,Javascript,Jquery,(无法更改点对象) 如何创建 30行30列的桌子; 所有细胞背景均为蓝色; 点对象中存在的所有单元格的坐标(x=cols,y=rows)为红色背景 例如: 第15行和第12列上的单元格必须具有红色背景。 第18行和第12列上的单元格必须具有红色背景。 第21行和第12列上的单元格必须具有红色背景。 等等 var Points = { "points" : [ { "id": "F2", "x": "12", "y": "15" }, { "id": "F3

(无法更改点对象)

如何创建 30行30列的桌子; 所有细胞背景均为蓝色; 点对象中存在的所有单元格的坐标(x=cols,y=rows)为红色背景

例如: 第15行和第12列上的单元格必须具有红色背景。 第18行和第12列上的单元格必须具有红色背景。 第21行和第12列上的单元格必须具有红色背景。 等等

var Points = {
    "points" : [
        { "id": "F2", "x": "12", "y": "15" },
        { "id": "F3", "x": "12", "y": "18" },
        { "id": "F4", "x": "12", "y": "21" },
        { "id": "F5", "x": "12", "y": "25" },
        { "id": "F6", "x": "12", "y": "27" },
        { "id": "F7", "x": "12", "y": "29" },
        { "id": "C1", "x": "30", "y": "12" },
        { "id": "C2", "x": "30", "y": "15" },
        { "id": "C3", "x": "30", "y": "18" },
        { "id": "C4", "x": "30", "y": "25" },
        { "id": "C5", "x": "30", "y": "27" },
        { "id": "C6", "x": "30", "y": "29" }
    ]
}

您需要做的是“遍历”points数组中的所有元素,然后使用jquery中的
eq()
完成您的工作。请记住,在html中
表示行(行),而
是列。你可以检查一下这个

里的东西,看起来很简单,你哪里遇到麻烦了?你知道怎么做桌子吗?您知道如何使用eq()吗?我可以创建表和附加行等。我不知道如何根据points对象中的坐标创建红细胞。