javascript - Jquery - Css バックグラウンドの変更が機能しない

Question

HTML:

                <div class="rating" id = "r1"></div>
                <div class="rating" id = "r2"></div>
                <div class="rating" id = "r3"></div>
                <div class="rating" id = "r4"></div>
                <div class="rating" id = "r5"></div>

Js (jquery 1.10.1 を使用):

 <script type = "text/javascript">
                    $(document).ready(function(){
                        var rate = new Array();
                        rate[1] = "r1";
                        rate[2] = "r2";
                        rate[3] = "r3";
                        rate[4] = "r4";
                        rate[5] = "r5";
                        var r = <?php echo $rate;?>
                            for(var i=1; i<=r;i++){
                                var k = rate[i];
                                $('#'+k).css{('background-image': 'url(images/star_green.png)')};

                            }
                    });

                    </script>

基本的に、このコードを使用してやりたいことは、最初の x div (データベースで提供される番号) の背景を変更することです。js 変数 r が正しい値を取ることはわかっています... k 変数についても同じです...機能していないと思うのは、背景が設定されている部分だけです。直接値 (+k 部分なし) を使用してテストしましたが、どちらも機能しませんでした。ページはルートにあり、images フォルダーはその隣にあります。

助言がありますか？

PS: Js スクリプトは、div の後のページに配置されます。

Answer 1

 $(document).ready(function () {
     var rate = new Array();
     rate[1] = "r1";
     rate[2] = "r2";
     rate[3] = "r3";
     rate[4] = "r4";
     rate[5] = "r5";
     var r = <? php echo $rate; ?> ;
     for (var i = 1; i <= r; i++) {
         var k = rate[i];
         $('#' + k).css
             ({'background-image': 'url(images/star_green.png)'});
         };

     }
 });

Answer 2

これを試してください。

$('.rating').css('background-image','url(images/image.jpeg)');