javascript - 将按钮附加到网站时，如何停止 .each 循环的值相同？

Question

    var number = 0;
    $.getJSON("blogData.json", function(data) {

    $.each(data, function (index, entry) {
        console.log(index);
        $("#posts").append("<h3>" + entry.title + "</h3>");
        $("#posts").append("<h4>" + entry.desc + "</h4>");
        $("#posts").append("<h4>" + entry.author + "</h4>");
        $("#posts").append("<p>" + entry.post + "</p>");
        $("#posts").append("<br>");
        $("#posts").append('<button onclick=save(number)>Read More</button>');
        $("#posts").append("<br><br>");
        number++;
    });

});

我希望能够为每个按钮分配一个唯一值，以便将此值传递给其他函数。上下文是存储在 JSON 文件中的博客，其中帖子的值通过索引调用。我希望能够通过单击特定帖子的按钮来单独查看该帖子。

Answer 1

您已将变量用作 string 类型。您所需要的只是连接变量的值。

$("#posts").append('<button onclick=save(' + number + ')>Read More</button>');