CSSをループしてparseJSONデータで置き換える

Question

JavaScriptラボでは、提供されたHTML、CSS、およびイメージを使用して、parseJSONを使用してランダムに生成されたゲームボードを作成することになっています。

私はJSONファイルから解析された乱数で置き換える必要があるCSSの背景画像で構成されるゲームボードを持っています。最終的にJSONデータにアクセスする方法を理解しましたが、各行のCSS背景をループさせて新しいロールに置き換える方法を理解できません。ここで

function roll() { 
    $.ajax({ 
     url: 'http://www.pppaul.blunus.com/process.php', 
     dataType: 'json', 
     type: 'post', 
     cache: false, 
     success: function(result) { 
      $(result.Roll).each(function(index, name) { 
       console.log(name.value); 
      }); 
     } 
    }); 
} 
roll(); 
$('#gamearea4x4').html("<div class='row1' id='ga4r11' onmouseover='ImageOnHover(this.id)' onmouseout='ImageOnOut(this.id)' onclick='ImageOnClick(this.id)'></div>"); 

codepenです：http://codepen.io/elliotmah/pen/XdEJVJ

Answer 1

あなたはこのような配列とループにあなたのJSON文字列を解析することができます

var array = $.parseJSON('data'); 
$.each(array, function(index, item){ 
    // do stuff 
}); 

あなたは.css()メソッドを使用してjQueryを使ってCSSプロパティを設定することができますhttp://api.jquery.com/css/#css2

$('#tile1').css('background-image', 'url("/path/to/image")');