Problema al ocultar y mostrar div

[rodrigohp4]

Hola buenas

Mi problema es que estoy haciendo un evento en jquery que cuando el mouse pase por el div que le digo automaticamente un div aparesca, eso si lo tengo bien, el problema es que como los resultados de un query los puse en una tabla, solo hace el evento bien con el primer resultado que sale, pero en los demas resultados no hacen nada.

Espero darme a entender

aqui esta mi codigo

Código HTML:

<table class="table table-hover">
        <?php
            while ($mi_respuesta=mysqli_fetch_array($resultado))
            {
        ?>
      <tr> 
        <td>
          <div class="radio">
            <div id="mensaje"> <label><input type="radio" name="optradio"></label> <strong><?php echo $mi_respuesta["tarea"] ?></strong></div>
          </div> 
           <a id="mostrar" style='display:none;' href="url">Agregar Etiqueta</a> 
       </td>
         <td>
            <?php echo $mi_respuesta["usuario_asignado"] ?>  
       </td>
      </tr>
		
      <?php
    }
    ?>
    </table> 

y aqui esta el codigo de jquery

Código:

$("#mensaje").hover(function(){
$("#mostrar").show();
}, function(){
 $("#mostrar").hide();
});

[Alexis88]

El problema está en que repites elementos con los mismos id y eso es algo que nunca debes hacer puesto que, el valor del atributo id, debe ser único en todo el documento.

En su lugar, puedes usar clases, que sí pueden repetirse, y hacer selecciones con las mismas:

Código Javascript:

$(".claseDiv").hover(function(){
    $(this).parents("td").find(".claseEnlace").show();
}, function(){
    $(this).parents("td").find(".claseEnlace").hide();    
});
 

Con el método .parents(), buscas a los ancestros del <div>, especificando que buscas a la celda, y cuando es obtenida, se utiliza el método .find() para buscar en ella al enlace.