jQuery-遍歷跨度，從數組分配寬度

Question

有沒有一種方法可以在跨度之間循環並為每個值分配一個數組值。

例如：

我有一個包含值[45,50,106]的數組。 懸停並應用跨度數組值之一時，是否有一種循環的方法。 因此，它遇到的第一個跨度的寬度為45。它遇到的第二個跨度的寬度為50，依此類推？

// Multi-Expanding Icon Version:      
var widths = [];
$("ul#navigation-three").children('li').children('span:nth-child(2)').each(function(){
    widths.push($(this).width());
});

$('ul#navigation-three').hoverIntent(function () {    
    // Assign each span:nth-child(2) with the widths from the array in order
},

function () 
});

Answer 1

根據您的評論，我認為您的意思是：

var widths=[10,20,30];
$("ul#navigation-three > li").children('span:nth-child(2)').each(function(index){
       $(this).animate({"width":+widths[index]+"px"}, 0); 
});

我使用了給定each()函數的index參數