onclick不适用于javascript中相同函数的两个或多个链接

我已经显示了MySQL数据库中的记录。显示记录后，添加了javascript onclick函数。它仅适用于第一条记录，不适用于其他记录

在上图中，我单击了第一个链接，它工作正常。但如果我点击第二次点击，什么都不会发生

函数确认（标题、消息、$true、$false、$link）{
/*改变*/
var$内容=
"" +
"" +
"  " +
头衔+
"  " +
"" +
"" +
"" +
“”+
味精+
“
”+
"" +
"" +
"" +
" " +
$true+
" " +
" " +
$false+
" " +
"" +
"" +
"" +
"";
$（“正文”）。前置（$content）；
$（“.doAction”）。单击（函数（）{
$（本）
.parents（“.dialog-ovelay”）
.fadeOut（500，函数（）{
var subtotal=document.getElementById（“subtotal”）.innerHTML；
var价格=”；
var小计=+小计++价格；
var totalitems=document.getElementById（“totalitems”）.innerHTML；
var totalitems=+totalitems++1；
document.getElementById（“totalitems”）.innerHTML=totalitems；
document.getElementById（“小计”）.innerHTML=subtotal.toFixed（2）；
var total=+小计++8++4；
document.getElementById（“total”）.innerHTML=total.toFixed（2）；
$（this.remove（）；
});
});
$（“.cancelAction.fa close”）。单击（函数（）{
$（本）
.parents（“.dialog-ovelay”）
.fadeOut（500，函数（）{
$（this.remove（）；
});
});
}
$（“#linkdup”）。单击（函数（）{
证实(
“是否确实要复制帧”，
“将向购物车添加一个以上的框架”，
“是的”，
“没有”
)改变*/
});

您在这里使用的是ID。ID是唯一的，如果查询它，将得到一个结果（第一个）

例如：

//这将选择一个
const result=document.getElementById（'myId'）.innerHTML；
控制台日志（结果）；
//这将选择所有
const elements=document.querySelectorAll（'[id=myId]'）；
elements.forEach（函数（元素）{
log（element.innerHTML）；
//在此处向元素添加单击事件
});
测试1
测试2
这是因为（1）您得到了一个重复的#linkdup元素，该元素在HTML中无效<代码>id

属性必须是唯一的。（2）您永远不会在新内容上绑定单击处理程序。您只复制HTML。我将id更改为类。谢谢你说的对。我们不能多次使用id。我用它的工作类替换了id。谢谢你的帮助。