Php 如何使用jquery使wordpress帖子循环并替换html输出？

在我的wordpress站点中，我有一个包含3个部分的页面。每个部分都包含特定类别的帖子。我使用这个wordpress查询来获取该类别中最新的3篇文章，并将其加载到它的部分（div）。因此，对于“小说”部分，我使用以下查询：

<? $novels = get_option('of_novels') ?>
<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; query_posts('category_name=$novels&posts_per_page=3'); ?>
<?php while (have_posts()) : the_post(); ?>
    <div class="sliderunit">
        <?php the_post_thumbnail(); ?>
        <div class="novelsslidertitle">
            <div class="arrow-left"></div>
            <a href="<?php the_permalink(); ?>"><img class="cross" src="<?php bloginfo('stylesheet_directory'); ?>/images/cross.png"/></a>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            <h3>رواية</h3>
        </div>
    </div>                    
<?php endwhile;?>

رواية

这让我获得了小说类的最新3篇帖子。现在，我有一些按钮。我想写一些jequery来循环这个类别，并获取上一篇和下一篇文章，然后将新的查询内容重新加载到#小说div，使用

$("<div/>").replaceWith("// Replace with a function to get the code of new output");

$（“”）.replaceWith（//替换为获取新输出代码的函数）；

---

在不使用分页和重新加载页面的情况下充当滑块？我希望我的问题得到了很好的解决，我感谢任何有用的线索、链接或参考。

我不认为

$。这里真正需要的是
替换。当用户到达某个点时，您只需倾听，可能是当前加载帖子中的最后一个点，或者是倒数第二个点，然后运行
$.ajax（）
或类似的查询，将其附加到
#sliderunit
中，这样您就可以继续滚动/滑动。通过附加而不是替换，您可以在不需要重新加载任何内容的情况下来回移动。如果您关心内存管理，可以在特定阈值下使用
$.remove（）

如果您需要有关如何执行此操作的更多信息，请先添加新数据，然后使用CSS操作，例如
$.animate（）
来执行幻灯片效果。您可以使用层来隐藏您不想显示的内容，或者我猜您也可以对您不想显示的块调用
$.hide（）
。
如果您加载最后3篇文章，并且用户进入第3篇文章，您希望下一篇文章是第4篇吗？或者你想让用户不能通过第3页吗？我想让它转到第4、第5、第6页，等等。你可能想看看这个插件：不幸的是，这个插件不是我需要的。我可以有任何教程的链接来解释更多吗？我是jQuery的初学者