Seleccionar el padre más cercano con jQuery

Seleccionar el padre más cercano con jQuery

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()
<!-- 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>

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Translate »
Ir a la barra de herramientas