Question

对不起，我有一份网址列表

http://.../000.jpg
http://.../001.jpg
http://.../002.jpg
http://.../003.jpg
http://.../004.jpg
http://.../005.jpg

我想让它自动添加＆＃34; img src＆＃34;使用jquery标记，但我不知道如何。我希望结果结果如下所示

<img src="http://.../000.jpg" />
<img src="http://.../001.jpg" />
<img src="http://.../002.jpg" />
<img src="http://.../003.jpg" />
<img src="http://.../004.jpg" />
<img src="http://.../005.jpg" />

抱歉我的英语不好，Thx !!

Answer 1

根据您的问题，我认为您试图动态设置img标记的源属性。可以使用jQuery attr

 $("#imgid").attr("src","http:....jpg");

了解更多信息：jquery 'attr' documentation

如果你需要将多个src设置为不同的img标签，可以使用Jquery＆＃39;每个＆＃39; 。 jquery每个都将处理数组和数组对象..

示例代码：

考虑你有数组列表

var source = [
  'http://.../000.jpg',
  'http://.../001.jpg',
  'http://.../002.jpg',
  'http://.../003.jpg',
  'http://.../004.jpg',
  'http://.../005.jpg'
];

jQuery each

$.each(source,function( key, value ){
    $("#img"+key).attr("src",value);   // here key = 0,1,2,3...   
});

Answer 2

假设你有一个这样的数组：

var imgUrls = [
  'http://.../000.jpg',
  'http://.../001.jpg',
  'http://.../002.jpg',
  'http://.../003.jpg',
  'http://.../004.jpg',
  'http://.../005.jpg'
];

您的代码应为：

for (var index in imgUrls) {
  var img = $('<img />').attr('src', imgUrls[index]);

  // append the image to somewhere you want
  $('body').append(img);
}

或使用纯Javascript：

for (var index in imgUrls) {
  var img = new Image();
  img.src = imgUrls[index];

  // append the image to somewhere you want 
  document.body.appendChild(img);
}

使用Jquery替换文本

2 个答案: