jQuery length property
Last Updated :
11 Jul, 2023
Improve
The length property is used to count a number of the elements of the jQuery object.
Syntax:
$(selector).length
where the selector is the object whose length is to be calculated.
Return Values: It returns the length of the selector.
Below is the example to show the working of the jQuery length property:
Example: In this example, we are using the above-explained property.
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("button").click(function () {
document.getElementById("Geeks").innerHTML =
"<br>" + $("p").length
});
});
</script>
</head>
<body>
<p style="color:green"> GeeksforGeeks</p>
<p style="color:green">Sudo</p>
<p style="color:green">Code</p>
<p style="color:green">Gate</p>
<button>Click on the button to get
the number of "p" elements
</button>
<div id="Geeks"></div>
</body>
</html>
Output:
