Question

我有这些变量：

var imagesCount = 3;
var imageUrl = "http://www.example.com/";
var imageId = "000-000-000";

我需要得到一个这样的列表：

<img src="http://www.example.com/GetImage.aspx?cid=000-000-000&num=1" />
<img src="http://www.example.com/GetImage.aspx?cid=000-000-000&num=2" />
<img src="http://www.example.com/GetImage.aspx?cid=000-000-000&num=3" />

请帮助。

Answer 1

这里是关于JS的实现，没有jQuery。

var imagesCount = 3,
    imageUrl    = "http://www.example.com/GetImage.aspx?cid=",
    imageId     = "000-000-000",
    fragment    = document.createDocumentFragment(),
    i,
    image;

for (i = 1; i <= imagesCount; i++) {
  image = document.createElement('img');
  image.setAttribute('src', imageUrl + imageId + '&num=' + i);
  fragment.appendChild(image);
}

document.getElementById('images').appendChild(fragment)

<div id="images"></div>

Answer 2

for (i = 1; i <= imagesCount; i++) { 
    document.writeln(imageUrl + "GetImage.aspx?cid=" + imageId + "&num=" + i + " />");
}

Answer 3

只需使用此JS

    for (var i=1; i <= imagesCount;  i++){
            var img = "<img src='http: //www.example. com/GetImage.aspx?cid=000-000-000&num="+ i +" />";
            $(".yourContainerClass").append(img) ;
    }

必须有jquery才能使用

Answer 4

我不确定我的问题是否正确，但不应该做以下工作？

for(var i=1 ; i <= imagesCount; i++){
    var img = $('<img />'); 
    img.attr('src', imageUrl + "GetImage.aspx?cid=" + imageId + "&num=" + i);
    img.appendTo('#imagediv');
}

按图像计数变量显示图像列表

4 个答案: