给每个循环div命名

Question

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

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

这是因为div（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>

输出：