2013-07-24 8 views
0

我正在向動態表格添加元素。我面臨的問題是我需要將生成的行作爲可點擊的,以便我可以導航到新的網頁。用於動態表格生成的可點擊行...幫我解決

這裏是我的代碼:

//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; 



    } 

我使用:

$( '#表名')上( '點擊', 'TR',函數(){警報( '你好');});

但它不是爲我工作

+0

當調用此jQuery代碼?插入行之後還是之前? –

+0

在你發佈的代碼中,表的ID是:「myTableData」,jQuery代碼使用「table-name」。哪一個是你桌子的實際ID? – RobH

+0

@ABCD:我使用插入行後插入和表ID爲「myTableData」,我必須makr行點擊後它可以點擊它意味着它應該導航到其他功能意味着它將像一個鏈接。我將在稍後實施該功能。 – shefali

回答

0

的問題是以下

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

id是不正確的,嘗試

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

見工作fiddle

+0

感謝您的幫助,但它不是我想要的功能 – shefali

+0

我得到了與yuor幫助的功能,實際上我把這個代碼放在錯誤的地方.........它真的幫我 – shefali

+0

p:我得到了功能與yuor幫助實際上我把這個代碼放在錯誤的地方.........它真的幫我 – shefali

相關問題