Question

我正在努力用jQuery动态地将一个图像添加到一个div。

var albumCoverPhotos = function (albumPhotoData) {
  var albumCoverArr = "";
  albums.forEach (function (el){
  albumCoverArr +=  "<img class= 'events-profilePic' src='" + el.albumCover +
      "' alt=''/>";
  });
  $('.album-image-container').append(albumCoverArr);
};
albumCoverPhotos(albums);

所有图像都在每个div中显示，但我希望每个div只能容纳一个图像。请参阅下面的截图。 SEE SCREENSHOT HERE

Answer 1

我们不知道此代码会遇到的HTML环境。所以我们只能猜测图像是多次显示，因为类album-image-container被分配给几个容器（div？）。

您也可以考虑使用JQuery构建img标记：

albums.forEach(function(el) {
    $('.album-image-container').append(
        $('<img>')
            .addClass('events-profilePic')
            .attr({
                'src' : el.albumCover,
                'alt' : ''
            });
        )
});

使用jQuery动态地将图像添加到div？

1 个答案: