Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/12/2010, 18:26
jovendigital
 
Fecha de Ingreso: noviembre-2005
Mensajes: 222
Antigüedad: 19 años
Puntos: 2
jquery y append

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!
__________________
"Prefiero callar como un tonto, que hablar para confirmarlo"
Espectacular Portal en crecimiento: Artículos http://www.blorgia.com