jquery： "on" clickイベントがテーブル内で機能していない

Question

この質問は重複していることを知っています。他の質問と回答を読んだが、結果は得られません。

私は動的テーブルがあります：JS

HTML

<table id="networklist" class="table table-hover"> 
    <thead> 
    <tr> 
     <th>name</th> 
     <th>icon</th> 
     <th>username</th> 
     <th></th> 
    </tr> 
    </thead> 
    <tbody> 
      // forech is here 
     <tr data-rowid="@dto.Id"> 
     // more td 
      <td> 
       <i id="delete" data-id="@dto.Id" class="fa fa-trash" style="margin-left: 1em; cursor: pointer"></i> 
       <i id="edit" data-id="@dto.Id" class="fa fa-pencil" style="cursor: pointer"></i> 
      </td> 
     </tr> 

    </tbody> 
</table> 

を

$("#networklist").on("click","tr i #delete",function() { 
    debugger; 

var id = $(this).data("id"); 

}); 

私はこれと他の多くのセレクタをしようとしたが働いていないイベントをクリックします。 この問題を解決するにはどうすればよいですか？

更新：deleteには一意のIDはありません。editには、trに固有のIDがあります。あなたの選択が間違っているので

$("#networklist").on("click","tr #delete",function() { 

：