Seleccionar el padre más cercano con jQuery
En este tutorial aprenderemos cómo seleccionar el padre más cercano de un elemento con jQuery, es decir, el elemento inmediatamente superior en el arbol del DOM.
Método closest
Debemos seleccionar el elemento y seleccionar a su ancestro más cercano con la función closest
Ejemplo
<!-- Elementos html -->
<div id="biblioteca">
<div class="libro">
<div class="titulo">
<p id="titulo1">Título del primer libro</p>
</div>
<div class="resumen">
<p>Resumen del libro</p>
</div>
</div>
<div class="libro">
<div class="titulo">
<p id="titulo2">Título del segundo libro</p>
</div>
<div class="resumen">
<p>Resumen del libro</p>
</div>
</div>
</div>
<script>
//Seleccionamos el padre más cercano del elemento con id=titulo2
$("#titulo2").closest(".titulo");
//El elemento seleccionado es el segundo div de clase=titulo
</script>