Question

（点对象无法更改）

如何创作？：桌子有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" }
    ]
}

Answer 1

你需要做的是“遍历”点数组中的所有元素，然后使用来自jquery的eq()你可以做你的事情。请记住，在html中<tr>表示行（行），<td>表示列。您可以查看此fiddle

中的内容

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

1 个答案: