.length

jQuery

previous page next page

.length

Categories: Properties > Properties of jQuery Object Instances

length Returns: Number

Description: The number of elements in the jQuery object.

  • version added: 1.0length

The number of elements currently matched. The .size() method will return the same value.

Example:

Count the divs. Click to add more.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
                                  

                                    

                                      
                                        <!DOCTYPE html>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <html>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <head>
                                      
                                    

                                  

                                  

                                    

                                        <style>
                                    

                                  

                                  

                                    

                                        body { cursor:pointer; }
                                    

                                  

                                  

                                    

                                        div { width:50px; height:30px; margin:5px; float:left;
                                    

                                  

                                  

                                    

                                              background:green; }
                                    

                                  

                                  

                                    

                                        span { color:red; }
                                    

                                  

                                  

                                    

                                        </style>
                                    

                                  

                                  

                                    

                                        <script src="http://code.jquery.com/jquery-latest.js"></script>
                                    

                                  

                                  

                                    

                                      
                                        </head>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <body>
                                      
                                    

                                  

                                  

                                    

                                        <span></span>
                                    

                                  

                                  

                                    

                                        <div></div>
                                    

                                  

                                  

                                    

                                      
                                        <script>
                                        $(document.body).click(function () {
                                      
                                    

                                  

                                  

                                    

                                        $(document.body).append($("<div>"));
                                    

                                  

                                  

                                    

                                        var n = $("div").length;
                                    

                                  

                                  

                                    

                                        $("span").text("There are " + n + " divs." +
                                    

                                  

                                  

                                    

                                                       "Click to add more.");
                                    

                                  

                                  

                                    

                                      }).trigger('click'); // trigger the click to start
                                    

                                  

                                  

                                    

                                      
                                        </script>
                                      
                                    

                                  

                                  

                                    

                                       
                                    

                                  

                                  

                                    

                                      
                                        </body>
                                      
                                    

                                  

                                  

                                    

                                      
                                        </html>
 POWERED BYHERONOTE
previous page start next page