jQuery.each（function（index（value，value）{}）; 有什么价值？

Question

我正在从一本名为Head First jQuery的书中学习jQuery 。 这本书很容易学。 关键是，有一个.each()函数（包含在我从中扫描的图像中），该函数具有function（）参数。 function（）参数是index和value 。 索引在页面上进行了说明，但是值呢？ 而且，由于它是一个匿名函数（无法重用），它如何接受任何参数？

Answer 1

有两个each在jQuery方法。 一种是循环遍历包含许多匹配项的jQuery对象。 例如，假设我们要查找页面上的所有段落：

$("p").each(function(){
    // Do something with each paragraph
});

其次， each对象都有一个更通用的对象或数组：

var names = ["Jonathan", "Sampson"];
$.each(names, function(){
    // Do something with each name
});

当jQuery在这些示例中的任何一个元素上循环时，它都会计数当前正在处理的对象。 当它执行我们的匿名函数时，它传入两个参数-我们使用的当前值（索引）和该对象（值）。

var names = ["Jonathan", "Sampson"];
$.each(names, function(index, value){
    alert( value + " is " + index );
});

由于我们使用的是从零开始的索引，因此输出“乔纳森为0”和“桑普森为1”。

但是我们的本地jQuery对象呢？

$("p").each(function(index, value){
    alert( value.textContent ); // The text from within the paragraph
});

在这种情况下， value是一个实际的HTMLParagraphElement对象，因此如果HTMLParagraphElement ，我们可以在其上访问诸如textContent或innerText类的属性：

Answer 2

您称为value的第二个参数是每个函数当前正在处理的集合的值 。

对于第二个问题-匿名函数可以重用，只是因为它们没有名称并不意味着它们没有参数或无法执行。 请参见以下示例：

function execute_fn(fn) {
  fn(1,2);
}

execute_fn(function(a,b) { ... });