.size()
Return the number of elements in the jQuery object.
.size()🡢 Integer
Note: This method has been removed in jQuery 3.0. Use the .length property instead.
The .size() method is functionally equivalent to the .length property; however, the .length property is preferred because it does not have the overhead of a function call.
Given a simple unordered list on the page:
<ul>
<li>foo</li>
<li>bar</li>
</ul>
Both .size() and .length identify the number of items:
alert("Size: " + $("li").size());
alert("Size: " + $("li").length);
This results in two alerts:
Size: 2
Size: 2
Count the divs.
HTML
$(document.body)
.click(function () {
$(this).append($("<div>"));
var n = $("div").size();
$("span").text("There are " + n + " divs. Click to add more.");
})
// Trigger the click to start
.click();
DEMO