如何使用 jQuery 基于坐标创建带有彩色单元格的表格？答案

【问题标题】：how to create table with colored cells based on coordinates with jQuery?如何使用 jQuery 基于坐标创建带有彩色单元格的表格？
【发布时间】：2013-06-13 15:56:35
【问题描述】：

（点对象不可更改）

如何创建？：具有 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" }
    ]
}

【问题讨论】：

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

标签： javascript jquery

【解决方案1】：

您要做的是“遍历”点数组中的所有元素，然后使用 jquery 中的eq() 来完成您的工作。请记住，在 html 中，<tr> 表示行（行），<td> 表示列。你可以在这个fiddle查看东西

【讨论】：