jqueryを使用してmysqlの行テーブルを削除するにはどうすればよいですか？

Question

mysqlの特定の行をjqueryで削除します。最初の行で動作しますが、2行目では何も起こりません。

は、これは私のHTMLコードです：

 <td><p data-placement="top" data-toggle="tooltip" title="Delete"> 
     <button id="dele_com" class="btn btn-danger btn-xs" name="<?php echo $rows['companyID']; ?>"> 
     <span class="icon-trash"></span> 
     </button></p> 
    </td> 

、これが私のjqueryのコードです：あなたはIDが指定されている。ここ

$("#dele_com").on("click", function(event) {   
var show_id = this.name; 
      alert(show_id); 
      bootbox.dialog({ 
       message: "Are you sure you want to Delete this account ?", 
       title: "<i class='icon-trash'></i> Delete !", 
       buttons: { 
       success: { 
        label: "No", 
        className: "btn-success", 
        callback: function() { 
        $('.bootbox').modal('hide'); 
        } 
       }, 
       danger: { 
        label: "Delete!", 
        className: "btn-danger", 
        callback: function() { 
         $.post('update_delete.php', { 'pid1':pid1 }) 
         .done(function(response){ 
          window.location.href= "modification.php"; 
         }) 
         .fail(function(){ 
          bootbox.alert('Something Went Wrog ....'); 
         }) 
        } 
       } 
       } 
      }); 
}); 

Answer 1

#dele_com、それはすべての行で同じになります。したがって、削除ボタンをクリックすると、テーブルの最初のIDが見つけられ、クリックが実行されます。

idの代わりにクラスセレクタを使用する必要があります。