已删除的表行在刷新后重新出现

Deleted table row reappears after refresh

本文关键字：刷新 新出现 删除      更新时间：2023-09-26

我有一个简单的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>

如果这个表是在静态HTML页面上创建的，那么我不知道如何删除行并在刷新后继续删除它（可能你应该看看本地对象存储的使用情况）。

如果这个表是使用从给定数据库中获取的数据（使用php解析的数据）生成的，并使用html/css在页面上呈现，那么是的，即使在页面刷新后，也应该使用php删除行。

您发布的jquery代码只有在重新加载页面之前才有效，所以当您重新加载页面时，一切都会回到初始状态，因为当您单击X按钮（删除按钮）时，您实际上没有删除任何内容。。。你刚才把桌子的一排藏起来了。

相关文章：