jQuery Référence Première colonne dans HTML Table

Question

J'ai une table où toutes les cellules sont des étiquettes INPUT. J'ai une fonction qui recherche la première cellule et la remplace par sa valeur. Donc ceci:

<tr id="row_0" class="datarow"> 
    <td><input class="tabcell" value="Injuries"></td> 
    <td><input class="tabcell" value="01"></td> 

devient ceci:

<tr id="row_0" class="datarow"> 
    <td>Injuries</td> 
    <td><input class="tabcell" value="01"></td> 

Voici la première partie de la fonction:

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 

Mais quand la page rechargements, la première colonne est pas un type d'entrée , donc ça change la deuxième colonne en texte aussi! Puis-je lui dire de ne modifier que la première colonne, quel que soit son type? J'ai essayé
$('td:eq(0)', this).replaceWith($('td:eq(0)', this).val());
mais cela ne fonctionne pas.

Toute suggestion appréciée!

Answer 1

Avec votre version, vous sélectionnez le td au lieu du input.

// Selects the first td in the row 
$('td:eq(0)', this).replaceWith($('td:eq(0)', this).val()); 

Essayez ceci:

// Selects the input of the first td in the row 
$('td:eq(0) input', this).replaceWith($('td:eq(0) input', this).val()); 

Answer 2

Essayez le CSS td: nth-child Pseudo-class.

http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/full/flat/css3-modsel-28b.html