Как заполнить элементы картинками?

Question

[XenK]

Есть 4 места под изображения, в одном из которых случайным образом находится 1 картинка:

<div class="content">
    <div class="row">
        <div class="col-md-12">
            <img class="item" alt="">
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <img class="item" alt="">
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <img class="item" src="/img/1.png" alt="">
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <img class="item" alt="">
        </div>
    </div>
</div>

Через AJAX приходят еще 3 изображения, необходимо заполнить оставшиеся пустые элементы (item).

Сделал так, где other_items массив из 3 изображений:

var n = 0;
$('.item').each(function (i, e) {
    var atr = $(this).attr('src');
    if (atr == null) {
        $(this).attr('src', '/img/' + other_items[n]);
    }
    n++;
});

В чём заключается проблема, и есть ли более удачный способ решить данную задачу?

Answer 1

[Sn0wSky]

$(".item:not([src])").each(function(i){
    $(this).attr("src", '/img/' + other_items[i]);
});