Skip to main content
1 de 3
Diego Lela
  • 528
  • 3
  • 15

Javascript remove() não funciona

Vejam o script abaixo. Por que ao clicar o remove() não funciona? eu recentemente postei nesse link: post algo parecido, mas no outro caso, o problema era por que o botão estava dentro de um form, mas dessa vez não tem form na pagina já mudei para input <a href="#"></a> button, mas nada funciona!

        function buscar(tamanho){
        var pasta = $('#pasta').val();  
        // utilizando o split para quebrar o diretorio e receber somente o nome da pasta
        var dirimg = pasta.split("/galeriaimg/");
        $.ajax({
            url: 'galeria.php?pasta=' + dirimg[1] + '&tamanho=' + tamanho,
            dataType: 'json',  
    
                success: function(result){ 
                   
                   $.each(result, function(key, value){
                        var container = '<div class="col-md-4 id="col-'+key+'">';
                        container +=        '<div class="img-wrap">';
                        container +=            '<img src="/wpauditoria/images/'+tamanho+'/galeriaimg/'+dirimg[1]+'/'+value+'" class="img-return" alt="galeria" "/>';    
                        container +=            '<a href="#" class="btn btn-default btn-sm delete" onclick="excluir('+key+')"><i class="fa fa-trash"></i></a>'; 
                        container +=         '</div>';    
                        
                        container +=         '<input type="hidden" name="imagemgaleria['+key+'][titulo]" value="/galeriaimg/'+dirimg[1]+'/'+value+'" />';    
                        container +=         '<input type="text" placeholder="Título" name="imagemgaleria['+key+'][titulo]" class="form-control inputgaleria" />';   
                        container +=         '<input type="text" placeholder="Link" name="imagemgaleria['+key+'][link]" class="form-control inputgaleria" />';   
                        container +=         '<textarea name="imagemgaleria['+key+'][descricao]" placeholder="Descricao" class="form-control inputgaleria" ></textarea>';   
                        container +=    '</div>';   
    
                        $('#galeriaimg').append(container);
                   });
             }
        });
    }
    
    function excluir(id){  
        console.log(id);  
        $("#col-"+id).remove();
}

Realizei um console.log(id) para ver se o id estava sendo repassado e essa parte funciona normalmente, a função recebe o ID mas não executa a instrução $("#col-"+id).remove(); e também não retorna mensagem de erro.

Diego Lela
  • 528
  • 3
  • 15