Índice

Conocer el número de elementos

El método length() devuelve el número de elementos que corresponden a un selector.

El método size() realiza la misma función pero está obsoleto (deprecated) desde la versión 1.8 de jQuery.

$(selector).length()

Ejemplo

Al hacer clic en un botón, mostramos en un cuadro de diálogo, el número de elementos de una lista.

images/11_7_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(){ 
        $("button").on("click", function(){ 
            alert($("li").length); 
        }); 
    }); 
</script> 
</head> 
<body> 
<p><button>Número de elementos</button></p> 
<ul> 
    <li>Ítem 1</li> 
    <li>Ítem 2</li> 
    <li>Ítem 3</li> 
    <li>Ítem 4</li> 
    <li>Ítem 5</li> 
</ul> 
</body> 
</html>

El archivo a descargar es el C11-7.html.

Comentario

$("button").on("click", function(){  
    alert($("li").length);   ...