JQuery y Dom

[lalo1988]

Hola tengo una duda que no sé muy bien como hacer, mira tengo el siguiente codigo html

Código HTML:

<div class='mensaje'>
    <div class='asunto'>P1</div>
    <div class='contenidoMensaje'>P1</div>
         <div class='infomensaje'>
         P1 <img id="eliminar"src="imagenes/eliminar.png" alt=eliminar"/>
         </div>
</div>
 
<div class='mensaje'>
    <div class='asunto'>P1</div>
    <div class='contenidoMensaje'>P1</div>
         <div class='infomensaje'>
         P1 <img id="eliminar"src="imagenes/eliminar.png" alt="eleminar"/>
         </div>
</div>
 

Puedo tener varios mensajes, lo que que queria hacer con jquery es que al hacer click a la imagen eliminar supiese que mensaje se refiere para luego poder eliminarlo

[mayid]

Publica tu funcion onclick.

Si no la tuvieras, bueno. Yo la imagino asi:

$("#eliminar").click(function() {

cual_es = $(this).parent("div").text();

alert (cual_es);

]);

[lalo1988]

cual_es = $(this).parent("div").text();

Haciendo esto, no haría referencia al div de "infoMensaje"?

[mayid]

Si. A cual querías hacer referencia?

al hacer click a la imagen eliminar supiese que mensaje se refiere

Suponiendo que quieras acceder a un mayor nivel jerárquico. Creo que seria así de simple:

cual_es = $(this).parent("div.asunto").text();

Con esto tendrías el texto que hay en el div "asunto".