使用jQuery和PHP自定义简单分页-发现自己被难住了

因此，我正在进行我第一次尝试分页（使用简单的“上一页”和“下一页”按钮）的工作，这是我所从事的一个有趣的项目。下面是我的分页系统的所有相关代码——我省略了前后两个，但我向您保证表结构是有效的

下面是我用来调用脚本的元素的jQuery：

<ul class="pager">
    <li class="previous"><a href="#" id="pagination-prev">< Previous</a></li>
    <li class="next"><a href="#" id="pagination-next">Next ></a></li>
</ul>

<script>
    $(document).ready(function() {
        var page = 1;

        $(".pagination-page").hide();
        $(".pagination-page tbody[id=page" + page + "]").show();

        $('#pagination-prev').click(function() {
            page = page - 1;
            $(".pagination-page").hide();
            $(".pagination-page tbody[id=page" + page + "]").show();
        });

        $('#pagination-next').click(function() {
            page = page + 1;
            $(".pagination-page").hide();
            $(".pagination-page tbody[id=page" + page + "]").show();
        });
    });
</script>

---

我错过了什么？发生什么事？谢谢

删除

.pagination页面

，使我的jQuery如下所示：

$("tbody[id='page" + page + "']").show;

---

解决了这个问题。不过，我不太清楚这是为什么。

.pagination page tbody[id=page“+page+”]表明tbody[id=page“+page+”]是.pagination page的子项。但是根据代码，分页页面和tbody[id=page“+page+”]是相同的元素。这就是您删除.pagination页时它起作用的原因。希望这个解释有帮助。干杯，好的。这就很好地解释了。非常感谢。

$("tbody[id='page" + page + "']").show;