Показать сообщение отдельно
  #1 (permalink)  
Старый 20.11.2014, 16:44
Интересующийся
Отправить личное сообщение для feoalter7 Посмотреть профиль Найти все сообщения от feoalter7
 
Регистрация: 28.09.2012
Сообщений: 19

Удаление элементов на странице
Здравствуйте друзья программисты.
Задача проста, нужно удалить элементы по нажатию, пишу вот такой код.

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 таких дочерних элемента, и попытаться удалить один из них удалятся оба. Вопрос как сделать чтобы удалялся только тот к которому относится кнопка удаления, по которой как раз нажали.

Спасибо.

Последний раз редактировалось feoalter7, 20.11.2014 в 16:47.
Ответить с цитированием