Jquery 删除一篇文章，并从下一页拉入第一篇

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

我实际上使用php和mysql数据库来存储数据 对于分页，我使用类似的方法

---

.

基本上，当您成功删除一篇文章时，在同一请求中，不必再提出另一篇，您也可以通过id、发布日期或其他方式检索最后一页之后的下一篇文章，并返回要追加的HTML代码

---

需要明确的是：如果我们假设您正在查看第16、17、18、19、20条，那么您知道页面中的最后一个元素是20。如果删除第17条，则检索元素21，在第页中追加，并将该值21设置为第页的最后一个值，依此类推，我最初在副本中回答了这个问题，但认为可能会被删除，因此复制到此处：

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错误。

是的，对于第一篇被删除的文章来说，这可能没问题。但如果我决定在不刷新的情况下删除另一个页面，我该如何说，不是拉入下一页的第一篇文章，而是拉入第二篇文章，依此类推？？每次删除某些内容时，还需要重新设置页面中的最后一个值，以便将其传递到新请求中，正如我所说，明显的改进是，只有在ajax调用成功时才删除元素，方法是将隐藏/删除代码放置在成功回调中，而不是将其放置在success回调中。。。这是显而易见的。称之为初稿：