javascript - 从图像src数组中获取所有图像src并使用Javascript将它们放入div中？

Question

我有我的图像数组 src ["http://src1", "http://src2", "http://src3"]。我想从该数组中获取所有图像并对其进行操作，例如将它们放入 div 中？

标签： javascripthtml

Answer 1

var imgSrc = ["http://src1,http://src2,http://src3"];

var string = imgSrc[0];
console.log(string);
var array = string.split(",");
console.log(array);


  var inHTML = '';
  
console.log(array[0]);

 $.each(array, function(key, value){

var html = '<img src="'+ value[key]+'" align="center">';
  inHTML += html;  

});

 $('div#item').html(inHTML);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="item"></div>

您可以将动态创建的图像从数组附加到特定的 div。希望这可以帮助...