[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).