$(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». Я хочу, чтобы он удалил только последний элемент, который был нажат. Спасибо за любые ответы.