Javascript jqueryappend'；x'；对应用'的图像元素进行编号；x'；到src和class

我有一个包含590张图片的目录，我的问题是能够单独使用jquery从该目录中提取图像并附加它们，我发现单独使用jquery/javascript是无法完成的。或者我已经将图片重命名为1.jpg，2.jpg。。。590.jpg。如何使用jquery将590个图像附加到一个div中，使应用于src的附加元素的编号为

'lq'+numberofappended+'.jpg'

，类为

'image-'+numberofappended

结果给我留下了下面的

<div class="imagecontainer">
<img src="lq/1.jpg" class="image-1"/>
<img src="lq/2.jpg" class="image-2"/>
<img src="lq/3.jpg" class="image-3"/>
...
<img src="lq/590.jpg" class="image-590"/>
</div>

...

如果我拥有的内容太多，我可以一次附加50个图像，并在每次到达页面末尾时应用jquery分页加载另50个图像

---

我个人知道如何在jquery中使用append，但我不知道如何单独附加一个图像，并取决于将其应用于src和类的附加号。

for循环应该可以做到这一点

var images = "";
for (var i = 1; i <= 5; i++) {
    images += '<img src="lq/'+i+'.jpg" class="image-'+i+'"/>'
}

$('.imagecontainer').append(images);

var images=”“；
对于（var i=1；i这里就是了；将图像存储在一个数组中，加入它们并一次追加所有图像

var images = [];

for (var i = 1; i <= 50; i++) {
    images.push('<img src="lq/'+i+'.jpg" class="image-'+i+'"/>');
}

$('.imagecontainer').append(images.join('\n'));

var-images=[]；
对于（var i=1；i创建一个图像html数组

var imgs=[];
for( i=1; i<= 590; i++){
    imgs.push('<img src="lq/'+i+'/.jpg" class="image-'+i+'"/>')
}

或者，您可以根据UI中最有效的内容（例如滚动事件）交错加载它们

加上前50个：

  var first50= imgs.slice(0,50);
 $('.imagecontainer').html(first50.join(''));

这是一个糟糕的实践。你每次都在循环中命中DOM！
 $('.imagecontainer').html(imgs.join(''));

  var first50= imgs.slice(0,50);
 $('.imagecontainer').html(first50.join(''));