jquery - 为每个循环的 div 命名

Question

我有一个页面来显示多个图像（cp-thumb），当悬停时，div 包含信息（cp-hover）并在图像上方显示。我通过循环显示目录中的图像。

因此，当鼠标悬停时，悬停效果会显示在所有 div 中，而不仅仅是指向的 div。

这是因为 divs(cp-thumb) 具有相同的名称，因为它们是循环的。

如何给出从循环中获得的每个 div 的名称？

这就是我循环我的div的方式：

$dir = dir("images");
while($filename=$dir->read())

div html/php:

<div class="cp-thumb"><div class="cp-hover" style="display: none;">
<div class="cpHover-bg"></div>
<div class="cpHover-info"><p class="text11">03/09/2013 11:08 AM</p>
<p class="text10">#galaxy #nails</p></div></div>
<img src="images/225cd24c144611e3b69022000a1deb4b_7.jpg" class="img_235x235">
</div>

jQuery：

<script>
$('.cp-thumb').hover(function () {
    $(this).children('.cp-hover').show();
    },function () {
    $(this).children('.cp-hover').hide();
    });
</script>

输出：