在div上添加循环函数

Question

JS：

function houseScroll() {
    var house = ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];
    randClass = house[Math.floor(Math.random() * house.length)];
    $('#houses').stop().animate({
        'left': -$(this).outerWidth(true)
    }, 100000, 'linear');
    if (('#house div:first-child').outerWidth(true)) {
        $('#houses div:last').after('<div class="item current-last ' + randClass + '"></div>');
    }
}

我想在浏览器中出现第一个项目时，添加一个新项目。试过if但没有工作。

我该如何解决？