Índice

Encontrar los hijos

children()

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

$("div").children()

Este método devuelve un objeto jQuery.

Ejemplo:

Vamos a añadir un borde a los hijos de la capa <div class="contenido"> y un fondo a los hijos de la celda 3 de la tabla.

Aspecto obtenido:

images/7_2_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(){ 
        $(".contenido").children().addClass("borde"); 
        $("#select_table").children().addClass("colorDefondo"); 
    }); 
</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; 
    } 
  ...