使用jQuery计算元素数量

Question

有没有办法计算页面上具有特定类别的元素数量？

- santa

Answer 1

$('.someclass').length

你也可以使用：

$('.someclass').size()

两者在功能上是相等的，但前者更受欢迎。实际上，后者现在已经被弃用，不应该在任何新的开发中使用。

- David

---

我找不到它，但最近在 Meta 上读到了“如何点赞？”的问题，并引用了 Jeff Atwood 的话：“每当我研究一个问题并找到答案时。”这正是我的情况。 - brasofilo

注意，.size() 方法已被弃用。 - Moshe Simantov

使用版本3.1.1，length返回undefined。 - Giovanni Bitliner

@TylerLazenby：你确定吗？https://jsfiddle.net/xpvt214o/154885/ 你有没有示例来证明你的说法？ - David

@TylerLazenby：你问题中的代码没有使用jQuery。你只是获取了一个字符串字面量的长度。 - David

Answer 2

var count_elements = $('.class').length;

来源：http://api.jquery.com/size/

.size()方法与.length属性在功能上等效；但是，.length属性更受欢迎，因为它没有函数调用的开销。

请参见：

http://api.jquery.com/size/

http://api.jquery.com/length/

- David Houde

Answer 3

我相信这个可以运行：

$(".MyClass").length 

- IronicMuffin

Answer 4

试试这个：

var count_element = $('.element').length

- Naftali

Answer 5

$('.class').length

这个对我没用，我宁愿使用这个：

$('.class').children().length

我不太清楚原因，但是第二个在我的电脑上起作用。不知为何，两者大小都无效。

- Kiss Koppány

Answer 6

最好的方法是使用.each()。

var num = 0;

$('.className').each(function(){
    num++;
});

- Panomosh

---

".each() 方法旨在使 DOM 循环结构简洁且不易出错。" - Panomosh

Answer 7

使用.size()方法或.length属性。

- neebz

---

".size()已被弃用" - Amine ABBAOUI