Здравствуйте друзья программисты.
Задача проста, нужно удалить элементы по нажатию, пишу вот такой код.
general.event_handler('click', '.btn_add_time', function(e){
var wrap = document.getElementById('time_wrapper'); //находим основной блок
var elem = document.createElement('div'); //создаем дочерний элемент div
elem.setAttribute("class", "time_list_on_edit"); //дочернему элементу добавляем класс
elem.innerHTML = '<span>Отбытие: <input type="time" name="departure[]" value="" /></span>\
<span>Прибытие: <input type="time" name="arrival[]" value="" /></span>'; //добавляем контент
var deletebtn = document.createElement('button'); //создаем элемент, по клику на который должен удаляться дочерний элемент elem
deletebtn.prototype = {
'deleteElem' : function(){ //записываем в прототип каждой кнопки функцию удаления
wrap.removeChild(elem); //тут все понятно думаю, удаление непосредственно
}
}
deletebtn.innerHTML = 'Удалить';
elem.appendChild(deletebtn); //добавляем кнопку удаленияв дочерний блок elem
general.on_event_handler('click', 'button', function(e){ //вешаем на кнопку удаления обработчик
deletebtn.prototype.deleteElem(); //вызываем функцию удаления при нажатии
});
wrap.appendChild(elem); //добавляем элементы на страницу.
});
Если создать 2 таких дочерних элемента, и попытаться удалить один из них удалятся оба. Вопрос как сделать чтобы удалялся только тот к которому относится кнопка удаления, по которой как раз нажали.
Спасибо.