jquery $（'。class'）。each（）有多少项？

Question

当使用jQuery选择器循环一组项目时，有一种方法可以找出集合上有多少项目？

Answer 1

如果您使用链式语法：

$(".class").each(function() { 
    // ... 
}); 

...我不认为有任何（合理）的方式为each函数中的代码就知道有多少项目有。 （不合理方式将涉及重复的选择和使用index。）

但它是很容易使收集可供您已经在each调用该函数。下面是其中一种做法：

var collection = $(".class"); 
collection.each(function() { 
    // You can access `collection.length` here. 
}); 

作为一个有点令人费解的选项，则可以将jQuery对象转换成数组，然后使用数组的forEach。即获得通过，以forEach的回调的参数是被访问（什么jQuery的给你的this并作为秒参数）的条目，该条目的索引，你把它称为对数组：

$(".class").get().forEach(function(entry, index, array) { 
    // Here, array.length is the total number of items 
}); 

假设至少有现代JavaScript引擎和/或垫片Array#forEach。

或就此而言，给自己一个新的工具：

// Loop through the jQuery set calling the callback: 
// loop(callback, thisArg); 
// Callback gets called with `this` set to `thisArg` unless `thisArg` 
// is falsey, in which case `this` will be the element being visited. 
// Arguments to callback are `element`, `index`, and `set`, where 
// `element` is the element being visited, `index` is its index in the 
// set, and `set` is the jQuery set `loop` was called on. 
// Callback's return value is ignored unless it's `=== false`, in which case 
// it stops the loop. 
$.fn.loop = function(callback, thisArg) { 
    var me = this; 
    return this.each(function(index, element) { 
     return callback.call(thisArg || element, element, index, me); 
    }); 
}; 

用法：

$(".class").loop(function(element, index, set) { 
    // Here, set.length is the length of the set 
}); 

Answer 2

你的意思是像length或size()？

参考文献：http://api.jquery.com/length/

Answer 3

使用.length财产。它是而不是的一个功能。

alert($('.class').length); // alerts a nonnegative number 

Answer 4

如果您正在使用一个版本的jQuery小于1.8，你可以使用$版本（'.class'）。size（），它取零参数。有关.size（）方法的更多信息，请参见documentation。

但是，如果您正在使用（或计划升级）到1.8或更高版本，则可以使用$（'。class'）。length属性。有关.length属性的更多信息，请参见documentation。