Question

这是我的例子：http://jsbin.com/hecohevegive/1/edit

我设法绘制了正确的图像但我无法为每个图像分配正确的ID，尤其是当i>0如果你在第二行的第一张图片上徘徊时它会给你undefined但实际上在数组中有一个标题，这个图像的愿望是(=angry)

代码：

for (i = 0; i < RowCount; i++) {
    toAppend += "<tr>";
    for (j = 0; j < ColumnCount; j++) {
        toAppend += "<td><div class='emojiIcon' id='" + emojiShortCut[j][i] + "' title='" + emojiShortCut[j][i] + "' style='background-position: -" + j * size + "px -" + i * size + "px;' ></div></td>";
    }
    toAppend += "</tr>";
}
toAppend += "</table></div>";
return toAppend;

Answer 1

您在阵列的单行中拥有所有ID。你需要把它变成一个二维数组：

var emojiShortCut = [
    ["^-^", ">:(", "=(", "=@", "(y)", "(=note)", "(=journal)", "(=share)", "(=group)", "=)", "(=hsb)", "(=lfyel)", "(=lfgree)", "(=orange)", "(=apple)",],
    ["(=angry)", "(=sad)", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "",],
    ["", "", "", "", "", "", "", "", "", "", "", "", "", "", ""]
];

DEMO

麻烦在javascript中将id分配给生成的div

1 个答案: