用Jquery創建一個動態表

我正在用Jquery創建一個動態表，我有動態的表的行數和列數。我想在所有行的FIRST列中打印一些文本，但在其餘列中打印一些其他控件。我應該如何找到它的第一列，如果該行？用Jquery創建一個動態表

編輯其實我試圖在創建表的同時編寫我的文本。我想我應該先用空白行和列創建我的表格，然後放入文本中？

2014-01-21 V.B

你試圖實現的一些代碼以及你嘗試過的東西會有所幫助。 – jammykam

它完全取決於你如何創建表...你可以提供一個jsfiddle – Developer

試試這個

$("#someTable tr").each(function(){ 
    $(this).find("td:first").text("some value"); 
});

一個說明，雖然我通常從在JavaScript/JQuery的創建動態HTML結構勸阻的人。我覺得這是更清潔的使用像KnockoutJS或類似的一些基於模板的數據綁定解決方案做UT：http://knockoutjs.com/

來源

2014-01-21 06:07:38 TGH

我們是否也需要採用表的ID？ –

是的，你可以在那裏添加它。 – TGH

考慮你有一個div並具有ID canvs

您的腳本頁面

function create_table_element(rows,cols){ 

    var rand_id = makeid(); 
    var node1 = document.createElement("div");  
    node1.setAttribute('id', rand_id); 
    document.getElementById("canvas").appendChild(node1); 
    row=parseInt(rows); 
    col=parseInt(cols); 
    var tblid=makeid(); 
    var inner="<table id='"+tblid+"' class='draggable drsElement new_table_insert foreditor' border='1'></table>"; 
    $(inner).appendTo(node1); 
    var table=document.getElementById(tblid); 
    var num=row*col; 
    for(var i=0;i<row;i++) 
    { 
    var row1=table.insertRow(0); 
     for(var j=0;j<col;j++) 
     { 
     var cell1=row1.insertCell(0); 
     cell1.innerHTML="new column &nbsp;"+num; 
     num--; 
     } 
    } 

}

和你的HTML頁面

<html> 
    <head> 
    <script> 
     create_table_element(10,5); 
    </script> 
    </head> 
    <body> 
    <div id='canvas'> 
    </div> 
    </body> 
</html>

來源

2014-01-21 06:07:53

用Jquery創建一個動態表

回答

相關問題