用于动态表generation...help out的可单击行

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(‘单击’，'tr'，函数(){告警(‘hello’)；}；

但这对我不起作用

Answer 1

问题如下

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

id不正确，请尝试

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

见工作小提琴