3

ユーザーがボタンを押すたびに(Ajaxを使用して)新しいテーブル行を動的に作成(挿入)する必要があります。私の部分的なビュー構造:

    <tr>
         <td><td>
         <td><td>
         ...
    </tr>

最後に新しい行を挿入する必要がある場合は、次のようにすることができます。

    element_table.innerHTML += ajax_data

しかし、他の行の間に配置する必要がある場合はどうすればよいですか?

[td]要素のみを返し、[tr]クライアント側で作成された要素(tr.innerHTML = ajax_data)でラップできますが、これは良い考えではないと思います。

何か案は?

一般的な方法はありますか?

4

1 に答える 1

2

最も簡単な方法は、Ajax応答でjQueryを使用することです。それは同じくらい簡単にすることができます

$('#table').append(response) 

行を追加します特定のインデックスに新しい行を挿入することもできます。

$('#my_table > tbody > tr').eq(index).after(response);

インデックスは0ベースであることに注意してください。

于 2013-01-29T23:10:36.253 に答える