jQuery Reference First Column in HTML Table
- by Vic
I have a table where all of the cells are INPUT tags. I have a function which looks for the first input cell and replaces it with it's value. So this:
<tr id="row_0" class="datarow">
<td><input class="tabcell" value="Injuries"></td>
<td><input class="tabcell" value="01"></td>
becomes this:
<tr id="row_0" class="datarow">
<td>Injuries</td>
<td><input class="tabcell" value="01"></td>
Here is the first part of the function:
function setRowLabels() {
var row = [];
$('.dataRow').each(function(i) {
row.push($('td input:eq(0)', this).val() + ' - ');
$('td input:eq(0)', this).replaceWith($('td input:eq(0)', this).val());
$('td input:gt(0)', this).each(function(e) {
etcetera
But when the page reloads, the first column is not an input type, so it changes the second column to text too!
Can I tell it to only change the first column, no matter what the type is? I tried
$('td:eq(0)', this).replaceWith($('td:eq(0)', this).val());
but it does not work.
Any suggestions appreciated!
Thanks
