Javascript Jquery-循环跨度，从数组分配宽度

是否有一种方法可以在跨度之间循环并为每个跨度指定一个数组值

例如：

我有一个数组，其中包含值[45,50106]。当将鼠标悬停在其中一个数组值上并应用范围时，是否有一种方法可以循环执行。因此，它遇到的第一个跨度的宽度为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 () 
});

---

根据你的评论，我猜你的意思是：

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参数来清除-第一次悬停在跨度上会给出第一个数组值，第二次悬停在跨度上（任何跨度？包括原始跨度？）会得到第二个宽度，依此类推？当数组中只有3个值时，第4个跨度如何？类似于这样，但这不起作用，但显示了更好的想法，我认为：

I=0；$（“ul#navigation three>li”）.children（'span:nth child（2））.each（function（）{$（this）.动画（{“width”：+widths[i]+“px”}，0）；i=i++；}）

所以每次它找到span:n子元素时，它都会将宽度作为数组中的下一个数字。真漂亮！正是我需要的。我当时离得不远：只是知道语法：）很高兴我能帮上忙