No se que o como lo estas haciendo porque no logro interpretar tu código, pero si lo que quieres es que alguna acción se ejecute una ves agregues lineas dinamicamente, debes invocarla con cada adición debido a que ese item no se encuentra en el dom en ese momento, Ejemplo:
La Clase
Código CSS:
Ver original.borde{
cursor:pointer;
border:solid;
border-width:2px;
border-color:#0000ff;
background-color:#595959;
color:#ffffff;
}
el html
el js
Código Javascript
:
Ver original$(function(){
$(".boton").click(function(){
$("#lista").append(`<tr>
<td>Carlos</td>
<td>Quintero</td>
<td>Cedula</td>
</tr>`);
muestra();//aquí invoco a la función que va a monitorear mis celdas nuevas
})
})
function muestra(){
$("#lista tr").hover(function(){
$(this).children('td').addClass('borde');
})
$("#lista tr").mouseleave(function(){
$(this).children('td').removeClass('borde');
})
}
VER MUESTRA