javascript - 如何让javascript选择刚刚创建的新元素？

Question

我正在制作一个书单，上面有一个删除按钮。直到 appendChild 的创建元素已经开始工作，问题只是删除按钮。

书籍代码：

function createEach(e){
  let divTitle = document.createElement('div');
  divTitle.className = 'cell medium-3';
  divTitle.innerHTML = Book.title;
  divTitleNd = divTitle.outerHTML;

删除按钮的代码：

let deleteBtn = document.createElement('a');
  deleteBtn.className = 'del-btn button tiny alert';
  deleteBtn.innerHTML = 'x';
  deleteBtn.href = '#';
  deleteBtnNd = deleteBtn.outerHTML;

在我有 document.querySelector 类 del-btn 的删除按钮之前，但现在如果我运行此代码：

let deleteButton = document.querySelector('.del-btn');
function deleteBook(e){
  e.target.parentElement.parentElement.remove();
}

新创建元素的删除按钮不起作用。有任何解决这个问题的方法吗？谢谢！