Índice

Formar una tabla (array) de elementos

map(función de callback)

Devuelve una tabla de elementos (array) como resultado de una acción sobre un conjunto de elementos. Cada fila de la tabla es el resultado de la función que se aplica a un elemento.

Función de callback: función que se aplica a los elementos de destino.

map(function(){ return $(this).val();})

El método devuelve un objeto jQuery.

Ejemplo

Creamos una tabla de tipo array con los valores de los diferentes campos de texto de un formulario.

images/9_10_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(){ 
        $("p").append( $("input").map(function(){ 
            return $(this).val(); 
        }) 
        .get().join(", ") ); 
    }); 
</script> 
</head> 
<body> 
<form action=""> 
    Nombre: <input type="text" name="nombre" value="Alex"><br> 
    Ciudad: <input type="text" name="ciudad" value="Barcelona"><br> 
    País: <input type="text" name="país" value="España"><br>  ...