より多くを選択することができません一致jQuery

Question

data-tipoの各<th>のテーブルをチェックするjQueryコードがあり、その内容に応じてその列の各<td>に特定の値が設定されます。 example for better understandingを参照してください。

JS：それはdata-tipo='string'ヘッダ正しいdata-value、および任意data-tipo='number'と同じでカラムからすべての<td>上に配置し、正常に動作するが、前記のように、それは最初の行のみに行い

var tabla = $('table'); 

    tabla.find('tr th').each(function(i) { 

    var tipo = $(this).data('tipo'); 

    if (tipo === 'string') { 
     var celda = tabla.find('tr td').eq(i); 
     celda.attr('data-valor', celda.text()); 
    } 
    if (tipo === 'number') { 
     var celda = tabla.find('tr td').eq(i); 
     var numSaneado = celda.text().replace('.', '').replace(',', '.').replace(/[^0-9.]/g, ""); 
     celda.attr('data-valor', numSaneado); 
    } 
    }); 

。すべての行で、この作品を作るための方法

？

Answer 1

セレクタ"tr td"を使用すると、行とそのセルの選択が結合されます。したがって、tabla.find('tr td').eq(i);を実行すると、行とセルの組み合わせが「i番目」になります。

代わりに、各行にi番目のセルがあります。これを行うには、すべての行を選択し、それぞれの行に正しいセルを見つけます。行を反復

table.find('tr').each(function (tr) { 
    var celda = $(tr).find('td').eq(i); 
    // the rest of your code 
}); 

、行内の各i番目のセルを見つける：ここでそれを行う一つの方法です。