javascript - HTML 中动态创建的按钮的行为取决于第一个创建的按钮

Question

我是使用 javascripts 的新手。我有一个条件，根据条件将值分配给某个变量。这些值包含动态创建按钮并将其显示在 . 这是代码：

if (closure == "Closed") {
    newData = newData + "<br>" + (f + 1) + ". " + data[i + 10] + " - " + data[i] + "-" + data[i + 1] + " " + data[i + 4] + " at " + data[i + 3] + "<h3 align='right'><input type='button' value='Approve' class='button' onclick='conf(" + data[i + 11] + ")' /><br>DATE LAST UPDATED: " + data[1] + " <br>LAST UPDATED BY: " + data[i + 9] + " - " + data[i + 10] + "</h3>";
} else {
    newData = newData + "<br>" + (f + 1) + ". ";
}

这是在一个while循环内。单击按钮后，它会向函数返回一个值。我的问题是，其中第一个创建的按钮的行为被其余按钮继承，所以当我删除第一个按钮时，其中的所有动态创建的按钮都被删除。

该代码运行良好，因为它仅更新我的数据库中的正确数据，但是，这些按钮的存在存在问题。