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 ....

deactive row is value is 0

检索数据表单时，使用了“活动行”的where函数

Answer 2

给它一个id并使用jQuery做为

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

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

Answer 3

请你不需要像这样简单的JQuery ..

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

Answer 4

您不需要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 5

skimberk1的答案是最全面的。这是一个允许行上的按钮删除行（parent / 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();

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

6 个答案: