js如何根据css名称 给img标签的src赋值，生成的数字编号可根据需求修改生成的数量

Question

<div class="wrap">        <img src="" class="img-id" >        <img src="" class="img-id" >        <img src="" class="img-id" ></div>通过class="img-id" 赋值给img标签的src=""内的值，然后：数字在可控范围内，例如1-50，或者51-100，101-125这样数字生成 变成下面代码样子<img src="/img/01.jpg" class="img-id" ><img src="/img/02.jpg" class="img-id" ><img src="/img/03.jpg" class="img-id" >想请教下，这样子的该怎么实现?用js jquery 都可以

Answer 1

<div class="wrap"></div>

var img = '';    
for (var i=1;i<=5;i++){        
    var pic = i+'.jpg';        
    img += '<img src="'+pic+'" class="img-id"/>';    
}    
$(".wrap").html(img);