删除一篇文章并拉入下一页的第一篇文章

我正在尝试建立一个带有分页系统的博客（例如每页 5 篇文章）。 分页本身一切都很好，但在每篇文章旁边我都添加了一个“删除”按钮，允许管理员动态删除（jquery）相关文章及其内容。 我现在想要的是当我删除一篇文章时“附加”（不刷新）下一页的第一篇文章，当我删除另一篇文章时“附加”第二篇文章，然后是第三篇文章，依此类推。 如果我继续删除文章而不刷新，我希望避免出现空白页面。

我实际上使用 php 和 mysql 数据库来存储数据 为了分页，我正在使用与此类似的东西link.

我最初是在重复的问题上回答的，但认为可能会被删除，所以复制到这里：

jQuery 让它变得又好又简单。假设您有一个名为 ajax/delete-article.php 的 php 文件，该文件将要删除的文章 id 作为参数，将页面上最后一篇文章的文章 id 作为参数，并返回该文章的 HTML下一篇文章。它还假设您的所有文章都具有“article”类和 ID“article-230”，其中 230 是 ID 号。我确信您可以将其调整为您自己的 HTML 结构。

$('.article-delete').click(function (event) {
  $(this).closest('.article').remove(); // possibly use a more fancy-looking hide(), and remove on complete?

  var lastArticleId = $('.article').last().attr('id').replace('article-','');
  var thisArticleId = $(this).attr('id').replace('article-','');
  $.get('ajax/next-article.php?last-article=' + lastArticleId + '&article-to-delete=' + thisArticleId ,function (data) {
    $('#article-list').append(data);
  });
  event.preventDefault();
});

请注意，这只是一个粗略的示例。需要对稳健性进行一些改进。它也未经测试，因此可能会到处抛出 JS 错误。