0

我有以下内容：

function grid() {
    console.log("Grid loaded");
    var gridHtml = "";
    for (var i = 1; i < gridSize + 1; i++) {
        gridHtml += '<div data-value="var i" class="grid pointer">' + i + "</div>";
        $("#gridContainer").append(gridHtml); //append
    }
}

所以我将变量 i 附加到文档中，如何使变量 i 的内容（在本例中为数字）出现在数据属性标记中？

所以基本上，我想要它

<div data-value="1" class="grid pointer"></div>
<div data-value="2" class="grid pointer"></div>
<div data-value="3" class="grid pointer"></div>
<div data-value="4" class="grid pointer"></div>

提前致谢。

4

3 回答 3

0

试试喜欢

for (var i = 1; i < gridSize+1;i++) {
    gridHtml += '<div data-value="'+ i +'" class="grid pointer">' +i+ '</div>';
    $("#gridContainer").append(gridHtml); //append
}
于 2013-08-30T11:10:08.760 回答
0 
gridHtml += '<div data-value='+i+' class="grid pointer">' +i+"</div>";

像这样做

于 2013-08-30T11:11:07.383 回答
0

使用字符串连接将值变量连接i到字符串字母，+=也不需要字符串，因为您将字符串附加到循环内

function grid() {
    console.log("Grid loaded");
    var gridHtml = "";
    for (var i = 1; i < gridSize + 1; i++) {
        gridHtml = '<div data-value="' + i + '" class="grid pointer">' + i + "</div>";
        $("#gridContainer").append(gridHtml); //append
    }
}

演示：小提琴

另一种选择是连接所有循环字符串，然后在循环完成后将其附加到容器中

function grid() {
    console.log("Grid loaded");
    var gridHtml = "";
    for (var i = 1; i < gridSize + 1; i++) {
        gridHtml += '<div data-value="' + i + '" class="grid pointer">' + i + "</div>";
    }
    $("#gridContainer").append(gridHtml); //append
}

演示：小提琴

于 2013-08-30T11:10:01.887 回答