Índice

Encontrar todos los padres

parents()

Devuelve un grupo de elementos que contiene todos los padres de cada uno de los elementos incluidos en la selección.

$("li").parents()

Este método devuelve un objeto jQuery.

El método parents() devuelve todos los ascendientes, mientras que children() solo tiene en cuenta los elementos hijos inmediatos.

Ejemplo

Rodeamos con un borde los padres del tercer elemento de la lista resaltado con letra itálica.

Aspecto obtenido:

images/7_4_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").parents().addClass("borde"); 
    }); 
</script> 
<style> 
    table { 
        border: 1px solid black; 
        border-collapse:collapse; 
        width: 210px; 
    } 
    td { 
        border: 1px solid black; 
        text-align: center; 
    } 
    .contenido { 
        width: 210px; 
    } 
    .borde { 
        border: 1px solid black; 
    } 
    .colorDefondo ...