javascript - 对每个但具有不同 onclicks 的图像使用

Question

我正在制作一个带有 foreach 循环的表格。在每一行中，我想添加一个图像，但具有不同的点击次数。这就是我现在得到的。每轮的所有“onclicks”都会被编辑到最后。

function cart(){
count = readCookie("count");
tableRow = "";
for (i = 1; i <= count; i++){
    item = "item" + i;
    Cookie = readCookie(item);
    if (!(Cookie == null)){
        row = new Array();
        row = Cookie.split("|");
        tableRow += "<tr>"
        + "<td>" + row[0] + "</td>" 
        + "<td>" + row[1] + "</td>" 
        + "<td>" + row[2] + "</td>" 
        + "<td>" + row[3] + "</td>" 
        + "<td>" + row[4] + "</td>" 
        + "<td>" + row[5] + "</td>" 
        + "<td>" + row[4] * row[5] + "</td>" + "<td>" 
        + "<a href=''><img src='img/delete.png' onclick='editCart(item);'></a>" 
        + "</td>" + "</tr>";
    }
}
document.write(tableRow);}

我知道 cookie 不是最好的方法，但这是一项学校作业。这就是为什么即使您只想给出一个提示，我仍然会很感激。

Answer 1

"<a href=''><img src='img/delete.png' onclick='editCart(item);'></a>"

每个 onclick 调用都是相同的。

"<a href=''><img src='img/delete.png' onclick='editCart(\""+item+"\");'></a>"

这将动态生成输出链接。