Удаленная строка таблицы появляется после обновления

Question

У меня есть просто таблица html и скрипт, который удаляет строку всякий раз, когда удаляется щелчок, однако, как только я обновляю страницу, удаленная строка снова появляется снова. Как я могу удалить строку в файле? Нужно ли использовать php?

Html:

<table id="row"> 
    <tr> 
    <td><a href=''>row1</a></td> 
    <td><a class='delete' href=''>Delete</a></td> 
    </tr> 
    <tr> 
    <td><a href=''>row2</a></td> 
    <td><a class='delete' href=''>Delete</a></td> 
    </tr> 
    <tr> 
    <td><a href=''>row3</a></td> 
    <td><a class='delete' href=''>Delete</a></td> 
    </tr> 
</table> 

Сценарий:

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
$(document).ready(function() { 
    $("#row .delete").on("click",function() { 
     var tr = $(this).closest('tr'); 
     tr.css("background-color","#FF3700"); 
     tr.fadeOut(400, function(){ 
      tr.remove().clone(); 
     }); 
     return false; 
    }); 
}); 
    </script> 

Answer 1

Если таблица создается на статическом HTML странице, то я не знаю способов удалить строку и сохранить-ки он удаляется после обновления (возможно, вам стоит взглянуть на использование локального хранилища объектов).

Если эта таблица создается с использованием данных, взятых из данной базы данных (данные анализируются с использованием php) и отображается на странице с использованием html/css, тогда да, вы должны использовать PHP для удаления строки даже после обновления страницы.

Код jquery, который вы опубликовали, действителен только до тех пор, пока вы не перезагрузите страницу, поэтому, когда вы перезагружаете страницу, все возвращается в исходное состояние, поскольку, когда вы нажали эту кнопку X (кнопка удаления), вы ничего не удалили. вы просто спрятали строку таблицы.