Jquery - 循环跨越,从数组中分配宽度

时间:2013-03-30 15:21:09

标签: javascript jquery each

是否有办法循环跨越并为每个跨度分配一个数组值。

例如:

我有一个包含值[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 () 
});

1 个答案:

答案 0 :(得分: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参数