Código Javascript
:
Ver original<script type="text/javascript">
$(document).ready(function(){
/**
* Funcion para añadir una nueva columna en la tabla
*/
$("#add").on('click', function(){
$(".tabla").append('<input type="text" class="llenar1"/>');
});
});
$(document).ready(function()
{
$('.llenar1').click(function()
{
event.preventDefault();
alert("prueba");
var data2 = $(this).attr("data-valor");
alert(data2);
});
});
</script>
<style>
#add, #del {cursor:pointer;text-decoration:underline;color:#00f;}
</style>
</head>
<body>
<div id="add">pulsa aquí para añadir una nueva fila desde jquery</div>
<div id="del">pulsa aquí para eliminar la ultima fila desde jquery</div>
<p>
<table class="tabla" border=1>
<tr class='llenar1'>
<td>primera columma</td>
<td>segundo columna</td>
<input type='text' value='pueba' class='llenar1'/>
<!-- podemos añadir tantas columnas como deseemos -->
<!--<td>tercera columna</td>-->
</tr>
<tr class='llenar1'>
<td>primera columma</td>
<td>segundo columna</td>
<input type='text' value='pueba' class='llenar1'/>
<!-- podemos añadir tantas columnas como deseemos -->
<!--<td>tercera columna</td>-->
</tr>
</table>