Question

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

这是我到目前为止所做的。

<!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>

Answer 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可以在构造元素时直接获取属性/属性

对于Javascript中的循环语法

1 个答案: