Cómo hacer el siguiente código más dinámico?

[Carxl]

Qué tal?

Resulta que tengo el siguiente código:

Código HTML:

<table border="1">
<tr>
<td>
<img id="imghhh1" src="images/2.jpg" />
<div id="hhh1" style="display:none;">08:00 - 8:30</div>
</td>
</tr>
</table>
 

Código Javascript:

$('#imghhh1').hover(
                    function(){
                        var cssObj = {
                          'display' : 'block',
                          'background-color':'white',
                          'position' : 'absolute',
                          'z-index' : '100000'
                        }
 
                        $('#hhh1').css(cssObj);
                    }, function () {
                        $('#hhh1').css({display:'none'});
                    }
                );
 

Y funciona bien (para sólo un td), ahora quisiera poder crear n cantidad de td, con la misma estructura de hhh1 y que oculte/muestre su div interno respectivamente.

Lo que no sé, es como indicarle precisamente eso, que cuando haga un hover en cualquier img, se muestre el div, respectivo que la acompaña :S.

Espero me haya explicado.

Gracias de antemano