如何刪除（而不是刪除）動態生成的表元素？

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

給它一個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的答案是最全面的。 這是一個示例，該示例允許該行上的按鈕刪除該行（父/ 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();