Il metodo length di jQuery

Come contare gli elementi selezionati da jQuery

Il metodo length mi permette di conoscere il numero di elementi selezionati.

.length()

Il selettore di jQuery può restituire uno o più elementi.

Se la selezione include più elementi, jQuery restituisce una lista di elementi.

Ad esempio, in questo script uso il selettore $("p").length per contare i tag <p> presenti nel documento html.

<!DOCTYPE html>
<html>
<head>
<style>
#box { width:100px; height:100px; text-align:center; background:#f00; font-size:14px; }
#clickme { width:100px; border:1px solid #000; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div id="clickme">Click here</div>
<p>A</p>
<p>B</p>
<p>C</p>
<script>
$( "#clickme" ).click(function() {
document.write($("p").length);
});
</script>
</body>
</html>

Quando l'utente clicca sull'id=clickme, il selettore $("p").length conta i paragrafi <p> del documento.

come funziona il metodo length di jquery

In questo caso ci sono tre <p> nel documento.

Quindi, il metodo $("p").length restituisce il numero intero 3

E così via.