从动态创建的行中的按钮删除indexdb中的记录

// 创建IndexDB数据库
const request = indexedDB.open('myDatabase', 1);

request.onupgradeneeded = function(event) {
  const db = event.target.result;
  
  // 创建存储对象
  const store = db.createObjectStore('myStore', { keyPath: 'id' });
  
  // 添加一些示例记录
  store.add({ id: 1, name: '记录1' });
  store.add({ id: 2, name: '记录2' });
};

request.onsuccess = function(event) {
  const db = event.target.result;
  
  // 获取按钮元素
  const deleteButtons = document.querySelectorAll('.delete-button');
  
  // 为每个按钮添加点击事件监听器
  deleteButtons.forEach(function(button) {
    button.addEventListener('click', function(event) {
      const recordId = event.target.dataset.recordId;
      
      // 打开事务并获取存储对象
      const transaction = db.transaction(['myStore'], 'readwrite');
      const store = transaction.objectStore('myStore');
      
      // 删除记录
      const deleteRequest = store.delete(recordId);
      
      deleteRequest.onsuccess = function() {
        // 删除成功后的操作
        console.log('记录删除成功');
      };
      
      deleteRequest.onerror = function() {
        // 删除失败后的操作
        console.error('记录删除失败');
      };
    });
  });
};