Hola a todos, tengo un pequeño problema.
Tengo una tabla a la que le añado con .append un <td>. y dentro tiene un <a> que deberia usarse para ejecutar algo al clicarle. Mi problema es que no llega a hacer nada.
mi html
Código HTML:
<table id="tabla">
<tbody>
<tr id="titulos">
<td>Nombre</td>
<td>fecha</td>
<td>Posición</td>
<td>Acción</td>
</tr>
</tbody>
</table>
Secundaria
<table id="secundaria">
<tr>
<td>Nombre</td>
<td>Fecha</td>
<td>Autor</td>
<td>Accion</td>
</tr>
<tr id="Fila1">
<td>Texto 1a</td>
<td>Texto 1b</td>
<td>Texto 1c</td>
<td id="elimina1"><a href="#" id="Fila1" class="boton">Añadir</a></td>
</tr>
<tr id="Fila2">
<td>Texto 2a</td>
<td>Texto 2b</td>
<td>Texto 2c</td>
<td id="elimina2"><a href="#" id="Fila2" class="boton">Añadir</a></td>
</tr>
</table>
mi js
Código:
$(function(){
$('.boton').click(function(event) {
event.preventDefault();
var ident;
ident=this.id.replace('Fila','');
$('#tabla > tbody:last').append('<tr id="mifila'+ident+'">'+$('#Fila'+ident).html()+'</tr>');
$('#tabla #elimina' + ident).remove();
$('#tabla #mifila' + ident).append('<td><a href="#" id="Quita'+ident+'" class="Quitar">Quitar</a></td>');
$('#secundaria #Fila' + ident).css({ display: "none" });
});
$('.Quitar').click(function(event) {
event.preventDefault();
alert(this.id);
var ident;
ident=this.id.replace('quita','');
alert(ident);
});
});
gracias por la ayuda!