Tengo el siguiente código:

 <div id="img"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> var folder = "img/"; $.ajax({ url : folder, success: function (data) { $(data).find("a").attr("href", function (i, val) { if (val.match(/\.(jpe?g|png|gif)$/)) { $("#img").append( "<img src='" + val +"'>" ); } }); } }); </script>

Ahora quiero que cada imagen que se encuentra en la carpeta img/ cree un <img src >

Lo intenté pero no tuve suerte:

 <div id="img"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> var folder = "img/"; $.ajax({ url : folder, success: function (data) { $(data).find("a").attr("href", function (i, val) { if (val.match(/\.(jpe?g|png|gif)$/)) { for (var i = 1; i <= 20; i++) { $("#img").append( "<img src='" + val +"'>" ); } } }); } }); </script>

¿Cómo se puede recorrer y mostrar todas las imágenes? ¡Gracias!