2015-12-27 120 views
-1

我想创建一个循环来显示5个图像使用Javascript。我在理解语法方面遇到了一些麻烦。For循环语法在Javascript

这是我到目前为止。

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
     <title>Challenge: Daisy chain</title> 
    </head> 
    <body> 
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script> 
    <script> 
     var image = $("<img>") 
     .attr('src', 'https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg') 
     .attr('width', '10') 
     .attr('alt', 'new name') 
     .appendTo('body'); 

     for(i = 0, i < 5, i++) { 
      $(image).appendTo('body');  
     } 
    </script> 
    </body> 
</html> 
+0

欢迎使用堆栈溢出。我在你的文章中解决了英文问题。如果你也发布你的代码错误,通常会有所帮助。 –

+0

阅读'for'语句的文档。然后,一旦它在语法上正确,就可以通过调试器查看它的功能。 –

回答

1

你有实际创建循环内的图像,以获得五个图像,否则,你只能得到一个形象,你追加五倍,但它仍然只是一个单一的形象

for(i = 0; i < 5; i++){ 
    $("<img />", { 
     src : 'https://upload.wikimedia.org/wikipedia/commons/2/29/English_Daisy_(Bellis_Perennis).jpg', 
     width : 10, 
     alt : 'new name' 
    }).appendTo('body'); 
} 

而且请注意,jQuery可以在构造元素时直接使用属性/属性

+0

当然你在for循环中的意思是';'而不是'''? –