Удаление выбранного шаблона

Question

Я очень новичок в javascript и jQuery.Я делаю шаблон адресов и изображение карты, и у меня есть кнопка удаления.Как сделать, чтобы кнопка удаления работала с помощью jquery?

    function onDeleteAddress(){
        $(this).parent().remove();
    };

    function renderAddresses(addressArr){
        for (let index = 0; index < addressArr.length; index++) {
            const template = getTemplate();

            var mapUrl = `https://maps.googleapis.com/maps/api/staticmap?center=${addressArr[index].lineOne}, ${addressArr[index].lineTwo}, ${addressArr[index].city}, ${addressArr[index].state}, ${addressArr[index].zipCode}&zoom=14&size=200x200&markers=color:red|${addressArr[index].lineOne}, ${addressArr[index].lineTwo}, ${addressArr[index].city}, ${addressArr[index].state}, ${addressArr[index].zipCode}&key=AIzaSyCQHurErpXDh3Y89jvtzzv_O_3tYyoeptI`;

            template.find('.card-name').text(addressArr[index].name);
            template.find('.line-one').text(addressArr[index].lineOne);
            template.find('.line-two').text(addressArr[index].lineTwo);
            template.find('.city-name').text(addressArr[index].city);
            template.find('.state-name').text(addressArr[index].state);
            template.find('.zip-code').text(addressArr[index].zipCode);
            template.find('.country').text(addressArr[index].country);
            template.find('img').attr('src', mapUrl);

            $('.clone-container').append(template);


        }
    };

    function emptyAllAddresses(){
        $('.clone-container').empty();
    };

    function onDeleteAddress(){
        $(this).parent().remove();
    };

Я хочу, чтобы шаблон удалялся при нажатии клавиши удаления.я получаю эту ошибку.

"Функция onDeleteAddress> Следует удалить выбранный шаблон" "Ожидается, что 5 будет 4," Контейнер-клон должен иметь 4 дочерних элементов при вызове onDeleteAddress '. "