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

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) ； 您将找到所有.word div的后代中的所有spanny元素，然后仅获取该集合的索引2 。

我假设你想要做这个来代替：

$('.' + 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});