「...（<tr><td="ID">を追加」

Question

からIDを取得し、その後、私はfirebaseデータベースから取得するいくつかのデータを持つテーブルを満たしていて、そのために私は（追加使用しています）

$("#table_body").append("<tr><td>" + nome + "</td>" + 
          "<td>" + marca + "</td>" + 
          "<td>" + modelo + "</td>" + 
          "<td>" + setor + "</td>" + 
          "<td>" + responsavel + "</td>" + 

          "<td><div buttons>"+ 
            "<button>Delete</button>"+" "+ 
            "<button>Edit</button>"+ 
           "</div></td></tr>"); 

しかし、私はどのようにテーブルの各行の "削除"と "編集"ボタンを使用するかわからない、私は各行のIDを持っていないはずですか？しかし、行の場合は、各行のIDを取得する方法動的に追加されますか？

Answer 1

データモデルのオブジェクトID ...行に属性として追加します。

<tr data-id="idFromFirebaseObject"> 
    .... 
    <button class="delete-btn">Delete</button> 

そして、まだ実行時

に存在しない要素を考慮して イベント委任を使用：は、その後のインスタンス

続いて追加されたクラスを持つボタンを前提としてを隔離するclosest()行にトラバースを使用します

$("#table_body").on('click','.delete-btn', function(e){ 
    // "this" is element event occurred on 
    var $row = $(this).closest('tr'), 
     rowId = $row.data('id'); 
     // do your thing with FB then in success callback remove row 
     .... 
     $row.remove(); 
})