jquery为表中的单元格设置innerHTML

时间:2017-03-16 05:06:52

标签: javascript jquery closest

我希望在动态创建每个表格单元格后打印一个值。

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

}

2 个答案:

答案 0 :(得分:0)

这主要是算法问题。您必须循环遍历所有TR和嵌套的TD并写入您要写入的一个值。

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

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

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

 });

});

答案 1 :(得分:0)

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

所以我做了:

<h1>@ViewBag.title</h1>

就是这样!干杯