0

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 部分）对其进行了测试，但它也不起作用。该页面位于根目录中，图像文件夹位于其旁边。

有什么建议么？

PS：js脚本放在divs之后的页面上。

4

3 回答 3

1

你在这里少了一个分号

var r = <?php echo $rate;?>

它应该是

var r = <?php echo $rate;?>;

还

$('#'+k).css{('background-image': 'url(images/star_green.png)')};

应该

$('#'+k).css({'background-image': 'url(images/star_green.png)'});

于 2013-10-16T16:18:12.857 回答
0

请试试这个。

$('.rating').css('背景图片','url(images/image.jpeg)');

于 2013-10-16T16:48:48.883 回答
0 
 $(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)'});
         };

     }
 });
于 2013-10-16T16:24:20.850 回答