如何使用相同的类名为多个元素设置动画？

Question

为什么以下函数仅适用于1个类而不是3个？

function animateLetter( w, t, z ){
    for( i=0; i<3; i++){            
         $(document.getElementsByClassName(w)).find('spanny').eq(z).animate({fontSize:"40px"}, {duration:t}).text();        
    }
}
animateLetter( 'word', 1000, 2 );  

这是FIDDLE。

Answer 1

问题出在.eq(z);您找到的所有spanny元素都是所有.word div的后代，然后只获取该集合的索引2。

我假设你想改为this：

$('.' + w)
    .find('spanny:nth-child(' + (z + 1) + ')')
    .animate({fontSize:"40px"}, {duration:t})
    .text();        

...或者进一步组合您的选择器并删除无效的text()：

$('.' + w + ' spanny:nth-child(' + (z + 1) + ')').animate({fontSize:"40px"}, {duration:t});