jQuery - 计算图像数量，然后包装一定数量的图像

Question

我正在使用 WordPress 开发一个网站...我以一种非常自定义的方式制作模板，我所做的是运行我自己的查询以从 WordPress 后端获取所有图像。

我有完美的方法来显示它们中的每一个，但我想做的是正常显示 6 张图像，然后将其余所有图像包装在一个 div 中..这可能吗？

我目前的代码如下:

$query = "SELECT * FROM wp_ngg_pictures WHERE galleryid = '1'";
$fp_banners = $wpdb->get_results($query, OBJECT);

foreach ($fp_banners as $banners):
    <img src="/wp-content/gallery/frontpage/<?php echo $banners->filename; ?>" alt="image description" width="773" height="432" />
endforeach;

我想要做的是正常显示前 6 个图像，然后在前 6 个图像之后添加的任何图像都包装在自己的容器中，例如，如果我向后端添加了 8 个图像，则生成的代码看起来像这样

<img src="image.jpg" alt="image description" width="773" height="432" />
<img src="image.jpg" alt="image description" width="773" height="432" />
<img src="image.jpg" alt="image description" width="773" height="432" />
<img src="image.jpg" alt="image description" width="773" height="432" />
<img src="image.jpg" alt="image description" width="773" height="432" />
<img src="image.jpg" alt="image description" width="773" height="432" />
<div>
    <img src="image.jpg" alt="image description" width="773" height="432" />
    <img src="image.jpg" alt="image description" width="773" height="432" />
</div>

干杯

Answer 1

我用 jQuery 回答了，因为你这样标记了它。我认为如果通过 PHP 完成会更好

这是一个演示:http://jsfiddle.net/jomanlk/zrWHA/

它使用段落，但原理相同

$('img:gt(5)').wrapAll('<div>');