function insereLinha(){
var competidor = "Matheus";
var qtdCaracteres = $("#qtdCaracteresTxtArea").text();
var qtdPalavras = $("#qtdPalavrasTxtArea").text();
var placar = $(".placar");
var corpoTabela = placar.find("tbody");
var colunaRemove = "<a href='#' class='botao-remover'>"+
"<i class='material-icons'>delete</i>"+
"</a>";
var linha = "<tr>"+
"<td>" + competidor + "</td>" +
"<td>" + qtdPalavras + "</td>" +
"<td>" + qtdCaracteres + "</td>" +
"<td>" + colunaRemove + "</td>" +
"</tr>";
corpoTabela .append(linha);
}
Simplesmente não executa esse código abaixo:
$(".botao-remover").click(function(){
console.log("Linha Removida");
});
Inspecionando o elemento tag "a" do html da página está tudo certo, gera com a classe "botao-remover" corretamente. Porém quando clico no link do ícone simplesmente não exibe no log "Linha Removida"! O que pode estar causando isso?