[SOLUCIONADO] [jQuery] Acceder al elemento padre al actual

[andres_aquino]

Tengo la siguiente estructura de etiquetas en mi código HTML:

Código HTML:

<div class="span3 key-col1">
  <div class="key key-name"><a href="#">Nombre</a></div>
  <div class="key-clear"></div>
  <div class="key key-age"><a href="#">Edad</a></div>
  <div class="key-clear"></div>
</div> 

Lo que quiero es poder, por ejemplo, estando en <a href="#">Nombre</a></div> poder acceder a su padre inmediato, que sería <div class="key key-name">.

Código Javascript:

console.log($(e.target).closest('.key').html()); // devuelve <a href="#">Nombre</a>
console.log($(e.target).parents(1).html()); // también devuelve <a href="#">Nombre</a>
 

En la documentación de jQuery donde habla sobre .closest(), se muestra que efectivamente puede acceder al elemento padre (ul) del elemento actual sobre el que se posiciona (li.item-a).

[djaevi]

Se hace con parent();

Código HTML:

<a href="#" onclick="alert($(this).parent().attr('class'));"> Nombre </a>
 

Saludos!

[andres_aquino]

Gracias djaevi.

El caso es que quiero que sea dinámico debido a que estoy haciendo una aplicación web usando el framework Backbone y como en éste todos los eventos se manejan desde los módulos que uno lo crea. En pocas palabras, no se manejan los eventos disparando desde las plantillas html.

Alguna otra solución posible?

[andres_aquino]

Ya he conseguido lo que quería. La solución es la siguiente:

Código Javascript:

console.log($(e.target).parent()[0]);
 

Con esto, retrocedo un nivel arriba y accedo al padre de <a href="#">Nombre</a>. Esto es obteniendo la posición del elemento sobre el que se hizo click y luego acceder a su padre un nivel arriba, o sea, <div class="key key-name">. Usando la consola de Chrome se obtiene buena información para poder debugear errores que se tengan y lo mismo para inspeccionar el resultado del código javascript que se esté realizando.

Sirvase quien lo necesite