JS事件侦听器，用于动态添加元素

我通过循环基于JSON对象动态创建了一些按钮。我希望单击保存按钮时它能够传递正确的索引。

for (var i = 0; i < jsonObject.results.length; i++) {
    var row = `<tr scope="row" class="test-row-${jsonObject.results[i].id}">
                    ...
                  
                  <td id="btn-list">
                    <button class="btn btn-sm btn-danger" data-testid="${jsonObject.results[i].id}" id="delete-${jsonObject.results[i].id}">Delete</button>
                    <button class="btn btn-sm btn-success" disabled data-testid="${jsonObject.results[i].id}"  id="save-${jsonObject.results[i].id}">Save</button>
                  </td>
    </tr>`;

$(`#save-${jsonObject.results[i].id}`).on('click', saveUpdate(i))
}

当前的保存按钮自动触发saveUpdate（）并传递每个索引

    $(document).on('click', `#save-${jsonObject.results[i].id}`, function(){
      saveUpdate(i);
    });

    $(`#save-${jsonObject.results[i].id}`).click(function(){
      saveUpdate(i);
    });

这两个事件侦听器等待单击，但将传递jsonObject.results.length而不是单击的索引。