Question

我正在尝试创建一个数组，JSONparse它，并将其分配给css背景图像。

这就是我所拥有的：（javascript）

var imgs =  '{"num":[{"value": 1}, {"value": 2}, {"value": 3}, {"value": 4}, {"value": 5}, {"value": 6}, {"value": 7}, {"value": 8}, {"value": 9}]}';
console.log(imgs);
var img = JSON.parse(imgs);

来自css的图片：

div#gamearea4x4 div.row1#ga4r12{
    background-image: url(../graphics/1.png);
    width: 50px;
    height: 50px;

现在我想做的就是从css中获取背景图像并将这些值分配给图像（例如：1.png的值为1，2png的值为2，等等）此外，我不能专门使用div标签，因为这些图像将被随机化（例如：＃ga4r12 id可以有1.png，2.png，3.png等）

我该怎么做？

Answer 1

随机为div分配背景。您需要指定一个容器，否则将为您的所有div分配一个图像

SELECT Name FROM Person

此外，您可以创建一个像这样的对象

var imgs =  '{"num":[{"value": 1}, {"value": 2}, {"value": 3}, {"value": 4}, {"value": 5}, {"value": 6}, {"value": 7}, {"value": 8}, {"value": 9}]}';
var img = JSON.parse(imgs);
$("div").each(function(){
  $(this).attr('style','background-image:url(../graphics/'+ img.num[Math.floor(Math.random()*img.num.length)].value + '.png)')
})

来自css的JSONparse图像

1 个答案: