Índice

Encontrar determinados padres

closest(selector)

Devuelve el conjunto de elementos que contiene el padre más cercano del elemento seleccionado que responde al selector, incluido el elemento de inicio.

En primer lugar, el método closest() comprueba si el elemento actual responde a la expresión especificada. En caso afirmativo, devuelve simplemente el elemento especificado. En caso contrario, sigue recorriendo el documento hacia arriba, padre a padre, hasta encontrar un elemento que responda a la condición de la expresión. Si no encuentra ningún elemento, el método no devuelve nada.

$("div").closest("p")

Este método devuelve un objeto jQuery.

Ejemplo

Buscamos los padres del tercer elemento de la lista hasta la caja con la clase contenido y añadimos un color de fondo.

Aspecto obtenido:

images/7_14_v4.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
        $("#select_li").closest(".contenido").addClass("colorDefondo"); 
    }); 
</script> 
<style> 
    table { 
        border: 1px solid black; 
        border-collapse:collapse; 
        width: 210px; 
    ...