Valor undefined al querer hacer hide sobre div

[SeNdEr2003]

Buenas

Tengo un box con info y al costado una X donde el usuario haciendo click ahi puede quitar ese box, que esta en un div, ahora, cuando el user hace click en la imagen de la X no pasa nada, y el valor que obtengo es undefined, porque?, como se puede resolver?, este es el codigo:

Código PHP:

  <div date-id="miDiv">
 <p>Box con info</p>
        <img class="close3" src="images/remove.png" style="margin-left: 15px; width: 15px;"/></div>    
<div>
<script>
    $('.close3').click(function() {
         alert($(this).attr('date-id'));
      }); 
</script> 
  

En el alert me deberia mostrar "miDiv"

Demo: http://jsfiddle.net/k4Mcy/16/

[PHPeros]

Haz lo mismo pero con un id, ya verás como funciona.

[SeNdEr2003]

Nop....

Demo: http://jsfiddle.net/k4Mcy/18/

[PHPeros]

Perdón, no me dio tiempo a editar...

http://jsfiddle.net/k4Mcy/20/

[rottenp4nx]

Es porque con el this estás referenciando al elemento (IMG) de la clase y ese elemento no tiene tal propiedad, pero el padre si

Entonces sería:

Código Javascript:

alert($(this).parent("div").attr('date-id'));
 

Saludos