[Ajax-Jquery ] - Problemas con Array y el HTML

[jc1992]

Vaya era tan sencillo cómo esto

Código Javascript:

$.ajax({
                url:'obtenersubastas',
                dataType:'json',
                type:'get',
                cache:true,
                success:  function (response) {
                    $(response).each(function(index,value)  {
                        $(".name").append("<div class='nombre col-md-3' style='margin:5px;'>" + response[index].nombre + "</div><img src='"+response[index].images [0]+"'></img>");
                    });
 
 
                },              
        });
 

Entonces ahora recibo todas las imágenes correctamente , pero me gustaría poder recorrerlas y añadir cada imagen con su elemento correspondiente

Código Javascript:

$.ajax({
                url:'obtenersubastas',
                dataType:'json',
                type:'get',
                cache:true,
                success:  function (response) {
                    $(response).each(function(index,value)  {
                            $(".name").append("<div class='nombre col-md-3' style='margin:5px;'>" + response[index].nombre + "</div>");
                        $(response[index].images[0]).each(function(index,value)  {
                            $(".images").append("<img src="+value.ruta+"></img>");
                        });
                    });
 
 
                },              
        });
 

El identificador de la subasta , es el siguiente

Código Javascript:

console.log(value.id_subasta);
 

Muchas gracias , espero la respuesta !