Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为具有相同类名的多个元素设置动画?_Javascript_Jquery_Jquery Animate - Fatal编程技术网

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

Javascript 如何为具有相同类名的多个元素设置动画?,javascript,jquery,jquery-animate,Javascript,Jquery,Jquery Animate,为什么下面的函数只适用于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( 'w

为什么下面的函数只适用于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 );  
函数animateLetter(w、t、z){
对于(i=0;i而言,问题在于
.eq(z)
;您正在查找所有
spanny
元素,这些元素都是所有
.word
div的后代,然后只获取该集合的索引
2

我想你应该做的是:

…或者将选择器进一步组合,并删除不起任何作用的
text()

$('.' + w + ' spanny:nth-child(' + (z + 1) + ')').animate({fontSize:"40px"}, {duration:t});        
问题在于
.eq(z)
;您正在查找所有
spanny
元素,这些元素是所有
.word
div的后代,然后只获取该集合的索引
2

我想你应该做的是:

…或者将选择器进一步组合,并删除不起任何作用的
text()

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

哦,好的,我明白了。谢谢。哦,好的,我明白了。谢谢。