javascript - $(document).on('click' 存储值

Question

$(document).on("click", ".exercise", function() {
  var clickedBtnID = $(this).attr('id'); // or var clickedBtnID = this.id
  var classElem = $(this).attr('class')
  var deleteBtn = document.getElementById('deleteExBtn');

  deleteBtn.addEventListener('click', e => {
    if (classElem.includes('plannedEx') == true) {
      deletePlannedExercise(clickedBtnID);
      deactivateDetailContainer();
      console.log("Du slettet planlagt økt")
    } else if (classElem.includes('doneEx') == true) {
      deleteDoneExercise(clickedBtnID);
      deletePlannedExercise(clickedBtnID);
      deactivateDetailContainer();
      console.log("Du slettet gjennomført økt")
    }
  })
  console.log(classElem.includes('plannedEx'))
  console.log(classElem.includes('doneEx'))
});

当我单击包含类“.exercise”的元素时，它会在“classElem”变量中返回正确的类。但是，如果我单击具有“.exercise”类的多个元素，然后单击删除按钮，它将删除具有“.exercise”类的所有元素。我只希望它删除最后一个被点击的元素。感谢您的任何回答。

标签： javascriptfirebasegoogle-cloud-firestore