javascript - 用于动态表生成的可点击行...帮帮我

Question

我正在向动态表中添加元素。我面临的问题是我需要生成的行是可点击的，我可以通过它导航到新的网页。

这是我的代码：

//adding rows dynamically after fetching data from table
function addRow() {

        var myName = document.getElementById("name");
        var age = document.getElementById("age");


        var table = document.getElementById("myTableData");

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

       // row.insertCell(0).innerHTML= '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">';

//this is where I fetch the value for the dynamic rows
        row.insertCell(0).innerHTML=myName.value;
        row.insertCell(1).innerHTML= age.value;



    }

我在用：

$('#table-name').on('click', 'tr', function() {alert('hello');});

但它不适合我

Answer 1

问题如下

$('#table-name').on('click', 'tr', function() {alert('hello');});

id不对，试试

$('#myTableData').on('click', 'tr', function() {alert('hello');});

见工作小提琴