php - 如何从 jQuery 生成的表中删除特定行？

Question

这是我生成表格的代码。我通过 jQuery 和 ajax 调用它。

echo '<table class="database-items table table-bordered">
<tbody>';
  foreach($stmt as $item){
  echo '
  <tr>
    <td>'.$item['title'].'</td>
    <td>
      <img src="wp-content/themes/twentyeleven-child/'.$item['image_path'].'" alt="">
    </td>
    <td>'.$item['asin'].'</td>
    <td>'.$item['weight'].'</td>
    <td>'.$item['dimension'].'</td>
    <td>'.$item['category'].'</td>
    <td>
      <button type="button" class="btn btnDeleteitem" alt="'.$item['asin'].'">
        <i class="icon-remove"></i>
      </button>
    </td>
  </tr>';
  }
  echo '</tbody>
  </table>';

如果我单击btnDeleteItem button，我想删除该行，值将基于td它$item['asin']

这是我的 btnDeleteItem 的 jquery，但我不知道如何在里面放什么

$('.btnDeleteitem').live('click', function() {
  //what to put here?
}

Answer 1

找到按钮最近 tr的祖先并将其删除

$('.btnDeleteitem').live('click', function() {
     $(this).closest('tr').remove();
}

自.live()jQuery 1.7 起已弃用，.on()用于事件委托

$(document/* or closest existing ancestor of .btnDeleteitem*/).on('click', '.btnDeleteitem', function() {
     $(this).closest('tr').remove();
}