2015-12-27 262 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循環中的意思是';'而不是'''? –