Buenas tardes, espero que me puedan ayudar con este problema que no logro resolverlo
.
genero una tabla dinámica con javascript asi:
function addRow(tableID) {
var miTabla = document.getElementById(tableID);
//var rowCount = table.rows.length;
//var row = table.insertRow();
var miTabla = document.getElementById("cuerpotabla");
var fila = document.createElement("tr");
var celda1 = document.createElement("td");
var celda2 = document.createElement("td");
var celda3 = document.createElement("td");
var celda4 = document.createElement("td");
var element2 = document.createElement("input");
element2.type="text";
celda4.appendChild(element2);
var element1 = document.createElement("input");
element1.type = "button";
element1.value = "+";
element1.style.width="20px";
element1.style.height="22px";
element1.setAttribute("onclick", "addRow('cuerpotabla')");
celda3.appendChild(element1);
celda1.innerHTML = "txt1";
celda2.innerHTML = "txt2";
fila.appendChild(celda1);
fila.appendChild(celda2);
fila.appendChild(celda4);
fila.appendChild(celda3);
var TR = miTabla.getElementsByTagName("tr");
miTabla.appendChild(fila); }
y al comiendo de la tabla ya tengo 2 filas creadas por default que son el emcabezado y lo que yo quiero es que cuando le de click a una fila me aparesca un alert(''); diciendome el numero de index donde se encuentra y lo hago de esta forma:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$("tr").on('click', function(){
var x = $(this).index();
alert(x);
})
})
</script>
y todo bien hasta ahí por que si me da el numero de index de la fila que le di clic pero solo me da el index de las primeras dos filas que ya tengo por default y mi PROBLEMA ES QUE CUANDO CREO UNA FILA DINAMICAMENTE Y LE DOY CLIC EN ELLA PARA QUE ME MUESTRE SU INDEX NO ME SALE NADA.
Espero que me puedan ayudar con este problema gracias.