如何爲同一個類名稱的多個元素製作動畫？

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。

我假設你想要做的，而不是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});