Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Remover linha não funciona

Ao adiciona uma nova linha e tentar remover ela não é removida.

function inserePlacar() {
    var corpoTabela = $(".placar").find("tbody");
    var usuario = "Renato";
    var numPalavras = $("#contador-palavras").text();        
    var linha = novaLinha(usuario, numPalavras);
    linha.find(".botao-remover").click(removeLinha);
     corpoTabela.prepend(linha);
}
function removeLinha(event) {
    event.preventDefault();
        $(this).parent().parent().remove();
}

function novaLinha(usuario, numPalavras) {
    var  linha = $("<tr>");
    var colunaUsuario = $("<td>").text(usuario);
    var colunaPalavras = $("<td>").text(numPalavras);
    var colunaRemover = $("<td>");
    var link = $("<a>").attr("href", "#");
    var icone = $("<i>").addClass("small").addClass("material-icons").text("delete");
    // Icone dentro do <a>
    link.append(icone);

    // <a> dentro do <td>
    colunaRemover.append(link);

    // Os três <td> dentro do <tr>
    linha.append(colunaUsuario);
    linha.append(colunaPalavras);
    linha.append(colunaRemover);
    return linha;
}
1 resposta
solução!

Olá, Renato!

Faltou adicionar a classe botao-remover no link da coluna de remover.

 var link = $("<a>").attr("href", "#").addClass("botao-remover");

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software