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

您好我有循環和呼應了這一結果如何刪除（不刪除）動態生成的表格元素？

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或其他任何其他？

非常感謝。

來源

2013-08-31 Sanjok Gurung

刪除在哪裏？ JavaScript的？ PHP的？在SQL？ – vol7ron

給它一個id和使用jQuery做的

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

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

來源

2013-08-31 19:47:29 Tushar

抱歉，編輯錯字 – Tushar

@Bart Friederichs不是？我一直認爲jQuery是用javascript編寫的 –

@RaymondNijland jQuery是用Javascript編寫的。 jQuery肯定不是標準的或總是可用的。 –

-1

如果u使用jquery，u必須瞭解產品的ID刪除

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

來源

2013-08-31 19:48:56 dscdsc

請您不必爲的JQuery這樣簡單的事情..

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

來源

2013-08-31 19:51:55

你不需要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）。

來源

2013-08-31 19:57:10 skimberk1

如果你想再次顯示它應該是document.getElementById（'product_id'）。style.display ='block'; –

這會將產品的'display'設置爲'block'，這不一定就是你想要的。例如，'td'元素的'display'應該是'table-cell'。只需重置「顯示」屬性是最好的解決方案。 – skimberk1

也許仍然想知道如果它會觸發基於IE的CSS渲染引擎hasLayout屬性，如果你傳遞它在一個空的字符串，我認爲它不會發生 –

在表中增加一個字段。用於活性行

默認值是1 ....

去激活行是值爲0

當檢索數據形式表中使用的，其中功能爲Active行

來源

2013-08-31 20:01:29

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的答案。你需要跟蹤哪些行是活動/不活動的。如果您需要更多詳情，請點評。

來源

2013-08-31 20:11:40 happyhuman

通常使用'e'或'事件'，因爲這是經常使用的瀏覽器用於事件信號 – vol7ron

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

回答

相關問題