jquery 为 table 中的单元格设置 innerHTML

Question

我想在每个 table 单元格动态创建后打印一个值。

<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

主要是算法题。您必须遍历所有 TR 和嵌套的 TD，并写入您想要写入的那个值。

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

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

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

 });

});

Answer 2

我在这里找到了答案：How to set table cell value using jquery

我也这样做了：

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

就是这样！干杯

jquery 为 table 中的单元格设置 innerHTML

jquery set innerHTML for a cell in table

javascript

jquery

closest