如何在单击关闭按钮后删除警报框的基于FontAwesome的背景？

<div class="alert alert-info">
  <button type="button" class="close" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
  警报框内容...
</div>

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

// 获取所有关闭按钮元素
var closeButtons = document.querySelectorAll('.close');

// 遍历关闭按钮元素，并为每个按钮添加点击事件监听器
closeButtons.forEach(function(button) {
  button.addEventListener('click', function() {
    // 移除警报框的父元素
    button.parentNode.remove();
  });
});