显示在add按钮上的多个div单击如何通过delete按钮删除同一div

<div id="container">
  <div class="child">Div 1</div>
  <div class="child">Div 2</div>
  <div class="child">Div 3</div>
</div>

document.getElementById("container").addEventListener("click", function(event) {
  if (event.target.classList.contains("delete-button")) {
    event.target.parentNode.remove();
  }
});

<div id="container">
  <div class="child">
    Div 1
    <button class="delete-button">Delete</button>
  </div>
  <div class="child">
    Div 2
    <button class="delete-button">Delete</button>
  </div>
  <div class="child">
    Div 3
    <button class="delete-button">Delete</button>
  </div>
</div>