关于ng-repeat，获取DOM渲染完后的元素出现问题？

Question

我用ng-repeat渲染出数据后，想修改某一个指定的DOM元素的样式，下面是示例代码

    <ul ng-repeat="item in city" repeat-done="cityFinish()">
        <li class="city city{{$index}}">{{item}}</li>
    </ul>

    $scope.cityFinish = function() {
        $('.city').css('background', 'red');
        $('.city1').css('background', 'green');
    };

其中 $('.city').css('background', 'red');有效，但是$('.city1').css('background', 'green');无效，这是什么原因？