Как удалить динамически созданный аудио-элемент в javascript?

Question

Каждые 30 секунд я обновляю скрипт для проверки изменений. Возвращенные данные устанавливают src для аудиоэлемента.

Если данные изменены, я изменяю атрибут src для соответствия, но onClick - я слышу и файлы звучат вместе.

Что происходит здесь и как удалить предыдущий аудиофайл?

(function fetchCal() { 
$.getJSON('events', function(data) { 

//I need to clear any previously created elements here 

    var nowAudio = document.createElement('audio'); 
    nowAudio.setAttribute('src',"audio/"+data.uid+"."+data.nowTitleURL+".mp3"); 

    $('.now').click(function() { 
     nowAudio.play(); 
    }); 

}) 
setTimeout(fetchCal, 30000); //refresh calendar every 30 secs 
})(); 

Примечание: $("audio").remove(); не работает

Answer 1

Вы привязки нескольких clcicks к одному элементу, так что всегда будет иметь предыдущие события щелчка. Вам нужно отвязать его.

$('.now').off("click.audio").on("click.audio", function() { 
    nowAudio.play(); 
});