jquery爲表格中的單元格設置innerHTML

Question

我想在動態創建每個表格單元格後打印一個值。

<table id="MapDetails"><tr> 
<td/><td/><td/><td/> 
var colIndex = 4; 
foreach(MapDetail geMapDetail in Model.mapDetails) 
{  
<td class="test"> 
     <script>{getPosition(@geResult.assessmentId, @colIndex, @rowIndex, '@geResult.ResultValue');}</script> 
</td> 
colIndex++; 
} 
</tr></table> 

我的腳本

這不起作用

function getPosition(id, colIndex, rowIndex, resultValue) { 

    var element = '#' + id; 
    var cell = $('#MapDetails tr:eq(' + rowIndex + ') td:eq(' + colIndex + ')'); 
    if($(element).index() == colIndex){ 
     cell.innerHTML = resultValue; 
    } 

} 

這隻適用於第一個單元格

function getPosition(id, colIndex, rowIndex, resultValue) { 

    var element = '#' + id; 
    var cell = $(".test").closest('tr').find('td').get(colIndex); 
    if($(element).index() == colIndex){ 
     cell.innerHTML = resultValue; 
    } 

} 

Answer 1

，我發現我的答案在這裏：How to set table cell value using jquery

，所以我所做的：

var cell = $("#MapDetails").children().children()[rowIndex].children[colIndex]; 

，這就是它！歡呼聲

Answer 2

這主要是一個算法問題。您必須遍歷所有TR和嵌套的TD並寫入您想要寫入的一個值。

$('#tableid').find('tr').each(function(index, element){ 

    $(element).find('td').each(function(indexd, elementd){ 

    $(elementd).html('blah blah'); 

}); 

});