javascript - 使用 jQueryeach() 带参数获取函数？

Question

我在类名 fooContainer 的 div 中有一堆类名 foo 的 div(这些 foo div 已动态添加到 fooContainer)。

我有一个函数 operaOnFoo(fooObjectToBeOperatedOn) ，它对单个 foo div 进行操作(作为参数传递到 operaOnFoo 中)。

我想使用 jQueryeach() 功能在 fooContainer 内的类名 foo 的所有/每个 div 上运行 operaOnFoo 函数。我尝试过使用如下调用:

operateOnFoo( $("#fooContainter").each( ".foo" ) );

和

$("#fooContainter").each( operateOnFoo( foo ) );

和

$("#fooContainer").find(".foo").each( operateOnFoo( ".foo" ) );

但我就是无法让它工作。我该如何继续？

我对网络开发有点陌生，一边自学，所以如果这个问题过于基本，我很抱歉 - 但我似乎无法像我一样使用其他类似的 Stack Exchange 帖子来让它工作能够解决我的大多数其他问题。

谢谢!

Answer 1

.each() 回调就是它的本质，您无法更改它的参数数量或它们出现的顺序。因此，由于您的 operateOnFoo() 函数需要不同的参数，因此您不能让 .each() 按原样直接调用它。您可以使用 stub 函数来解决这个问题，使参数按照您想要的方式工作:

$("#fooContainer .foo").each(function(index, element) {
    operateOnFoo(element);
});

此外，单个选择器 "#fooContainer .foo" 将选择 id= 对象中包含的所有 class="foo" 项目fooContainer.

<小时/>

如果您可以更改 operateOnFoo() 以接受 .each() 使用的两个参数(即使您忽略第一个参数)，那么它就被声明了像这样:

function operateOnFoo(index, element) {...}

那么你就可以这样做:

$("#fooContainer .foo").each(operateOnFoo);