Javascript 用于编辑的HTML和jQuery模式

不知何故，我对jQuery还是一个新手，正在浏览一个项目的一些代码

现有jQuery如下所示，删除时会弹出一个确认模式：

{% for profile in profiles %}

        $("#delete_{{ profile.id }}").mousedown(function(event){
        let action = "deleteprofile"
        $.confirm({
            title: 'Delete',
            content: 'Are you sure?',
            buttons: {
                confirm: function () {
                    submit_to_modal({
                            'profile_id': "{{ profile.id }}"
                        },
                        action)
                },
                cancel: function () {
                    $.alert('cancel');
                }
            }
        });
    })

{% endfor %}

我认为这个项目使用jquery confirm在搜索代码中的相似之处之后，我在这里读到了它：它也可以在这里找到：

因此，只要点击html中的一个按钮。e、 g

  <button id="delete_{{ profile.id }}">Delete</button>

删除

jQuery将被触发并生成确认。确认后，将触发来自后端视图的deleteprofile操作，并发出删除请求

但是，我希望能够从中创建编辑模式

其中，项目列表中的项目（如单击时的配置文件）将生成模式

我搜索了它，找到了以下资源：

但他们都没有收到触发特定项目的通知。例如，我只想编辑profile-001，但不能用这些示例完成。我已经试过了，模态没有弹出

我发现：

但这是在PHP上，我只使用jinja来实现。我也无法在html上复制这一点，因为我对前端的东西相当陌生

在jinja中，或者在本例中的jQuery中，通常如何向modals添加输入字段？我希望能够弹出一个具有输入值的模式，jQuery将接收每个项目的输入值

---

我想找到的任何源代码也是受欢迎的，我已经扫描了四个小时并尝试测试它，但除了删除模式外，我无法获得弹出的模式。

使用jQuery ui cdn，下面是对话框的代码

ConfirmDialog('Are you sure'); //need to call this function with click, "Are you sure" 
                                 message passed with function

ConfirmDialog（“你确定吗”）；
函数确认对话框（消息）{
$（''）.appendTo（'正文'）
.html（“”+消息+“”？“”）
.对话({
莫代尔：是的，
标题：'你的标题…'，
zIndex:10000，
自动打开：对，
宽度：“自动”，
可调整大小：false，
按钮：{
确认：函数（）{
$（'body'）.append（'Confirm Dialog Result:Confirm'）；
$（此）.dialog（“关闭”）；
},
取消：函数（）{
$（'body'）.append（'Confirm Dialog Result:Cancel'）；
$（此）.dialog（“关闭”）；
}
},
关闭：功能（事件、用户界面）{
$（this.remove（）；
}
});
};