Javascript 如何添加“点击即复制”选项动态web内容？

有一个用于循环打印的数据数组（环境-flask，jinja2）

循环启动的

部门id样本
{{a[i]}
端部div
循环结束

问题是，假设我的数组是int值1到10。这些值被垂直打印成10个分区，每个分区都有一个锚定标记

单击div1的锚定标记，复制值1。 单击具有值i的div i的锚定标记，仍然会复制值1。我需要将值I复制到剪贴板我们如何修复此问题

    < script>
function CopyToClipboard(id)
{
var r = document.createRange();
r.selectNode(document.getElementById(id));
window.getSelection().removeAllRanges();
window.getSelection().addRange(r);
document.execCommand('copy');
window.getSelection().removeAllRanges();
}
< /script>

    < script>
function CopyToClipboard(id)
{
var r = document.createRange();
r.selectNode(document.getElementById(id));
window.getSelection().removeAllRanges();
window.getSelection().addRange(r);
document.execCommand('copy');
window.getSelection().removeAllRanges();
}
< /script>