同时循环遍历两个jQuery对象

Question

我有两个长度相等的jQuery对象.

var foos = $('.foo');
var bars = $('.bar');

如果这些是数组,我可以使用它们的索引遍历它们,如下所示:

for(var i = 0; i < foos.length; i++){
    foos[i].html(bars[i].html());
}

但是以这种方式引用jquery对象会返回节点本身,而不是特定的匹配jquery对象.这可以修复如下:

for(var i = 0; i < foos.length; i++){
    $(foos[i]).html($(bars[i]).html());
}

但这不干净/易读,我认为效率低下.有没有另一种方法同时循环两个jQuery对象？

编辑:效率低得多,请参阅> http://jsperf.com/js-array-vs-jquery-selector

Answer 1

你需要这个eq()功能:

for(var i = 0; i < foos.length; i++)
{
    foos.eq(i).html(bars.eq(i).html());
}

来自Docs:

描述:将匹配元素集减少到指定索引处的元素集.