php - 如何删除（不删除）动态生成的表格元素？

Question

嗨，我已经循环并回显了这个结果

echo '<tr><td id="'.$row['productID'].'"><img height="150px" width="130px" 
src="products/'.$row['image_url'].'"></td><td>'.$row['name'].'</td>
<td>'.$row['price'].'</td></tr>';

上面导致了一个充满数据的表，现在我如何删除特定行，我想删除它而不是从表中删除，就像在购物车中你删除项目但不从表中删除它一样。在这种情况下，您将如何使用 javascript 或其他任何东西？

非常感谢。

Answer 1

在表中创建一个额外的字段。

活动行的默认值为 1....

无效行的值为 0

检索数据表单表时，对活动行使用 where 函数

Answer 2

您不需要 jQuery 来执行此操作，尽管您可以根据需要使用它。

如果要隐藏产品：

document.getElementById('product_id').style.display = 'none';

使用 jQuery：

$('#product_id').hide();

如果您想再次显示它：

document.getElementById('product_id').style.display = '';

使用 jQuery：

$('#product_id').show();

如果您想完全移除产品：

document.getElementById('product_id').remove();

使用 jQuery：

$('#product_id').remove();

此外，您可能应该将id放在实际表格行 ( tr) 而不是表格单元格 ( td) 上。

Answer 3

给它一个id并使用 jQuery 做 as

$('yourid').hide(); // to hide

$('yourid').show(); // to show

Answer 4

请你不需要 JQuery 来做这样简单的事情..

document.getElementById('id_off_product').style.display = 'none'; 

Answer 5

skimberk1 的回答是最全面的。这是一个示例，它允许在行上使用一个按钮来删除该行（父/tr）。

<table id="test">
    <tr>
        <td>one</td><td>two</td><td id="test" onclick="removerow(this);">remove</td>
    </tr>
</table>

function removerow(e) {
    e.parentNode.remove();
}

http://jsfiddle.net/FqbHW/19/embedded/result/

如果不希望完全删除，则可以隐藏或以其他方式指示它处于非活动状态......在这种情况下，我也会向您指出 Taveer 的答案。您需要跟踪哪些行是活动的/非活动的。如果您需要有关此的更多详细信息，请发表评论。

Answer 6

如果你使用 jquery，你必须知道要删除的产品的 id

$('td#productId').parent().hide();