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

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

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

自jQuery 1.7起，.live()被弃用，因此使用.on()进行事件处理

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

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

1 个答案: