jquery - jQuery は 1 つの要素のみを移動します

Question

コードは次のとおりです。

....
<table>
<?php 
$count=1;
while ($row = $result->fetch_row()) { 
?>
  <tr>
  <td>data 1</td><td>data 2</td><td><input type="checkbox" id="<?php $count; ?>"></td>
  </tr>
<?php 
  $count++; 
} 
</table>
<input type="button" id="del" value="delete">
?>
....

私のjsファイルの場合：

$("#del").click( function() {
  $("table input").each(function(){
    if($(this).prop("checked")) {
      $product_key = $(this).attr('id'); 
      $checked_row = $(this).closest('tr'); 
      $.post("one.php", {product_id: $product_key}, function(){
          $checked_row.remove();
      });
    }
  });
}); 

複数のチェックボックスをオンにすると、削除ボタンをクリックするたびに 1 行だけが削除されます。なんで？チェックした行をすべて削除したい。どのように？

Answer 1

試す

$("#del").click( function() {
    $("table input:checked").each(function(){
        var $product_key = $(this).attr('id'); 
        var $checked_row = $(this).closest('tr'); 
        $.post("one.php", {product_id: $product_key}, function(){
            $checked_row.remove();
        });
    });
});