jquery - ループされた各 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>

出力：