Javascript 如何在div上添加jQuery框

我用MySQL和PHP创建了一些div块集

我用以下代码创建了块：

while($row = mysqli_fetch_array($result)) { 
  echo "<div>".$row['chanelname'].$row['chaneldescription']."</div>"; 
} 

while（$row=mysqli\u fetch\u数组（$result））{
回显“$row['chanelname']。$row['chaneldescription']。”；
} 

现在我想知道如果我的数据库中存储了数千个频道列表，会发生什么。然后div将增加。现在我想加载所有的div，一次显示10个div。我想把div放在一个JQuery框中，如下所示。我想对我的div集合进行JQuery分页。

---

分页是一个常见的主题，可以通过向PHP/MySQL添加逻辑、向Javascript/jQuery添加逻辑或两者的组合来解决。我相信有几个原因取决于具体情况和要实现的目标，所以我将只介绍一个简化版本的Javascript/jQuery解决方案，不带插件。我确信也有几个jQuery插件用于分页

我将首先向div添加标识符，这样我们就可以使用jQuery为div获得一个好的选择器

<div class="channel_block">...</div>

这应该是足够的信息来处理您正在寻找的信息集，其余的信息可以根据您正在寻找的样式进行修改。在我的示例中，我只是向所有不相关的channel_块添加了一个隐藏类，并将该类从相关集合中删除

我附上了一把小提琴，详细阐述了这个例子。重要的功能是T.showSet（）

是一个很好的插件

你必须包括插件

<script type="text/javascript" src="path_to/jquery.js"></script>
<script type="text/javascript" src="path_to/jquery.simplePagination.js"></script>
<link type="text/css" rel="stylesheet" href="path_to/simplePagination.css"/>

但是对于搜索功能，您必须将Ajax调用到php并返回结果

希望它有用

看看关于分页的问题。Nev Stokes的回答。你可以使用插件。

<script type="text/javascript" src="path_to/jquery.js"></script>
<script type="text/javascript" src="path_to/jquery.simplePagination.js"></script>
<link type="text/css" rel="stylesheet" href="path_to/simplePagination.css"/>

$(function() {
    $(selector).pagination({
        items: 100,
        itemsOnPage: 10,
        cssStyle: 'light-theme'
    });
});