2

以下のように、各行の最後に編集ボタンがある単純なテーブルがあります。

<table class='document_table'>
<tr>
    <td>Item1</td>
    <td>Item2</td>
    <td>Item3</td>
    <td><a href='javascript:void(0);' class='edit_doc'>Edit</a></td>
</tr>
<tr>
    <td colspan='4'>Item4</td>
</tr>
<tr>
    <td colspan='4'>Item5</td>
</tr>
<tr>
    <td>Item1</td>
    <td>Item2</td>
    <td>Item3</td>
    <td><a href='javascript:void(0);' class='edit_doc'>Edit</a></td>
</tr>
<tr>
    <td colspan='4'>Item4</td>
</tr>
<tr>
    <td colspan='4'>Item5</td>
</tr>
</table>

私がする必要があるのは、編集ボタンがクリックされたときに、3 つの行からのデータをフォームに入力することです。行数は動的であることに注意してください。

フォーム html は次のとおりです。

 <label>Input 1<label>
 <input type='text' class='input1' />
 <label>Input 2<label>
 <input type='text' class='input2' />
 <label>Input 3<label>
 <input type='text' class='input3' />...etc

これまでのところ、私のjQueryは次のとおりですが、機能していません....

var row1=$(this).closest('tr').find('td').eq(0).val();
$('.input1').val(row1);

次の2行から値を取得することもできなければなりません:(

4

1 に答える 1

4

.html()の代わりに.val()、次のように使用する必要があります。

var row1=$(this).closest('tr').find('td').eq(0).html();

他の行を取得するには、次のようにします。

var td = $(this).closest('tr').find('td');
var row1 = td.eq(0).html();
var row2 = td.eq(1).html();
var row3 = td.eq(2).html();
于 2012-09-22T10:53:59.253 に答える