2011-07-27 2 views
2

午後を使用してテーブルの行を参照ください:は、どのように私はその特定のテーブル内の特定の行には、例えば、私はこれを持っていると言うことを参照するための機能に、テーブルの行番号を渡したい</p> <p>、jQueryの

<table id="foo"> 
    <tr><td>some stuff...</td><tr> 
    <tr><td>stuff</td><tr> 
    <tr><td>more stuff</td><tr> 
    <tr><td>some stuff</td><tr> 
    <tr><td>some stuff</td><tr> 
</table> 

私はテーブル行をループしてインデックスを取得していますので、この例では3番目の行(インデックスが2、 ")。そして、私はこの

manipulateRow(2) 

のように、機能を介してこれを通過し、これはあなたが関数内のテーブルにrowIndexにパラメータを参照してくださいするにはどうすればよい私の全機能

function manipulateRow(rowIndex){ 

/* do something */ 

} 

のですか?例:

$('#foo').child("tr")[rowIndex].html('<td>i now contain even more stuff!</td>'); // I know this is wrong, how do I make it right? 

私はちょっと太っているか、自分自身を説明していない場合は申し訳ありません。

$($('#foo tr')[rowIndex]).html('<td>i now contain even more stuff!</td>'); 

が、最善を使用する:これだけのように、実際に仕事ができる

答えて

0

EQ

0

この

$('#foo > tr').eq(rowIndex).html('<td>i now contain even more stuff!</td>'); 
0
function manipulateRow(rowIndex) { 
    var $row = $('#foo tr:nth-child(' + rowIndex + ')'); 
    ... 
} 

をお試しくださいnth-child-selectorを参照してください。ここ

0

あなたが行く:

<table> 
    <tbody> 
     <tr><td>Foo</td></tr> 
    </tbody> 
    <tfoot> 
     <tr><td>footer information</td></tr> 
    </tfoot> 
</table> 

$("#myTable > tbody").append("<tr><td>row content</td></tr>"); 

相続人別の例のインライン編集:

function editRow(row) { 
    $('td',row).each(function() { 
     $(this).html('<input type="text" value="' + $(this).html() + '" />'); 
    }); 
} 
関連する問題

 関連する問題