<div class="card"></div>
<div class="card"></div>
<div class="card"></div>

var i;
    var jsonURL = "img.json";
    $.getJSON(jsonURL, function (json){
        var img= "";
    $.each(json.images, function () {
    for(i=1;i<=2;i++){
        img += '<img src= "' + this.url + '">';
        }
});
    $(".card").append(img);
  });

{ "images": [
{"url": "f1.png"},
{"url": "f2.png"},
{"url": "f3.png"} ]}

$.each(json.images, function (key, value) {
   $(".card").eq(key).append('<img src= "' + value.url + '">');
});

for(i=1;i<=2;i++){
    img += '<img src= "' + this.url + '">';
    $(".card")[i].append(img);
}

var cards = $(".card");
$.getJSON(jsonURL, function (json){
  $.each(json.images, function(index, value) {
    cards.eq(index).append($("<img>", {src:value.url}));
  })
});