jquery set innerHTML for a cell in table

Question

I want to print a value in each table cell after creating it dynamically.

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

My script

THIS DOES NOT WORK

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

THIS WORKS ONLY FOR THE FIRST CELL

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

@YasinPatel tds don't have any classname or id in the given markup. — Jai
– Jai, Commented Mar 16, 2017 at 5:10
td has a class name test in the markup i have given above <table id="MapDetails"><tr><td class="test"> — Samra
– Samra, Commented Mar 16, 2017 at 5:12
this td is in a forloop i am editing code to show..this is a very stripped down version of actual code to make my question clear — Samra
– Samra, Commented Mar 16, 2017 at 5:13

Mukesh · Accepted Answer · 2017-03-16 05:19:59Z

0

It is mostly a algorithm problem. You must loop through all TRs and nested TDs and write that one value that you want to write.

$('#tableid').find('tr').each(function(index, element){ $(element).find('td').each(function(indexd, elementd){ $(elementd).html('blah blah'); }); });

answered Mar 16, 2017 at 5:19

Mukesh

697 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Samra Over a year ago

what is meant by element here? in my code element is totally different from cell. also i am present inside the td itself when i call my getPosition function so traversing every time doesnt seem like a good idea...i have tried $(this).parent().children('td').get(colIndex) but even that doesnt work

Mukesh Over a year ago

please ask the question properly..I answered your question "I want to print a value in each table cell after creating it dynamically"

Community · Accepted Answer · 2017-05-23 11:53:51Z

I found my answer here: How to set table cell value using jquery

so i did:

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

and that's it! Cheers

Collectives™ on Stack Overflow

jquery set innerHTML for a cell in table

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related