javascript - 如何在 div 上添加 jQuery 框

Question

我已经用 MySQL 和 PHP 创建了一些 div block 集。

我用这段代码创建了 block :

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

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

Answer 1

分页是一个常见的问题，这可以通过向 PHP/MySQL 添加逻辑、向 Javascript/jQuery 添加逻辑或将两者结合来解决。我确信有几个原因取决于情况和想要实现的目标，所以我将只提供一个可能的 Javascript/jQuery 解决方案的简化版本，无需插件。我敢肯定还有几个用于分页的 jQuery 插件。

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

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

这将允许我们选择所有这些元素并执行切片操作以获得我们想要的 div 元素

$channels = $(".channel_block").slice(start, start+limit);

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

我附上了一个详细说明这个例子的 fiddle 。重要的功能是 T.showSet()

http://jsfiddle.net/B86w9/1/