Índice

Encontrar los padres hasta

parentsUntil(selector o elemento)

Devuelve los padres de cada elemento hasta (no incluido) el elemento que se especifica en el selector.

$(’div.box’).parentsUntil(’body’);

Todos los elementos padres de la caja con la clase box hasta el elemento <body>

Este método devuelve un objeto jQuery.

Este método es una novedad de la versión 1.4 de jQuery.

Ejemplo

Supongamos que tenemos una caja con una lista de cuatro elementos (División 2). Esta caja está dentro de otra caja (División 1). Añadimos un color de fondo a los padres del ítem 3 de la lista hasta el elemento <body>.

Aspecto obtenido:

images/7_5_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() { 
        $(’li.start’).parentsUntil(’body’) 
        .css(’background-color’, ’#9cf’); 
    }); 
</script> 
<style> 
    #division1 { 
        width: 250px; 
        border: 1px solid black; 
        padding: 2px; 
    } 
    #division2 { 
        width: 200px; 
    ...