Jquery 如何更新html模板标记中的内容？

我在模板标记中有输入字段。函数的作用是：在模板标记中克隆html，并在表单正文中追加。我想更新模板标记中元素的id。但我无法更新id

函数添加（目标）{
var cloneTemplate=$（$（'#'+target.clone（）.html（））
cloneTemplate.find（“.draggable”）
.addClass（'已删除'）
.css({
位置：'静态'，
左：空，
右：空
})
var$templateData=$（$（'#'+target.html（））.find（'[data popup id=“text popup template”]'））
//更新父ID
var parentId=$templateData.attr（'id'））
如果（父ID）{
parentId=parentId.split（'-'）.slice（0，-1）.join（'-'）+'-'）+（parseInt（parentId.split（'-'）.slice（-1）[0]）+1）
$templateData.attr（'id'，parentId）
}
//更新输入id
var id=cloneTemplate.find（':input'）.attr（'id'））
如果（id）{
id=id.split（'-'）.slice（0，-1）.join（'-'）+'-'）+（parseInt（id.split（'-'）.slice（-1）[0]）+1）
cloneTemplate.find（':input'）.attr（'id'，id）
cloneTemplate.find（'label'）.attr（'for'，id）
}
//追加到表单中
$（'.form body'）.append（克隆模板）
}

名称
此处为块级帮助文本示例
添加

Id得到正确更新，问题在于生成Id的逻辑。无论何时克隆模板，都会获得与模板相同的Id，然后将值递增1。因此，每次单击“添加”按钮时，都会得到与模板id相同的id。您可能需要在全局级别存储Id，并在用户每次单击“添加”按钮时将其递增1