jquery - 更新されたテーブルを表示するためにAjaxフォームを送信した後にテーブルデータを更新するための最良の方法はどれですか

Question

行のあるテーブルがあり、[追加]ボタンをクリックすると、ライトボックスに行を追加するためのフォームが表示されます。

ここで、新しく追加された行をテーブルに表示したいのですが、2つのオプションがあります

1. テーブル全体を更新して、「編集/削除」などの小さなボタンもすべて行に追加されるようにします

2. 新しい行のみを追加します。これは良いことですが、テンプレートに編集/削除ロジックを追加して、それにイベントを添付する必要があります。

どちらに行けばいいですか？

Answer 1

テーブル内のすべての小さなボタンにイベントを添付するのではなく、使用する必要.delegateがあります。.onそして、行を追加するたびにイベントを添付する必要はありません。何かのようなもの

$("#table_id").on("click","button.edit",function(){
    //edit the row
}).on("click","button.delete",function(){
    //delete the row
});

jquery .on（）を見てください