Tutorialspoint.dev

jQuery | length property

The length property is used to count number of the elements of the jQuery object.

Syntax:

$(selector).length

where 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 jQuery length property:

<!DOCTYPE html>
<html>
  
<head>
    <script src=
    </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:
Before clicking on the button:

After clicking on the button:



This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter