Ребята SOS!!!! Есть сетка рандомно заполнена от 1 до 3, нужно что бы при нажатии допустим на 1 закрашивался этот див и с шагом на 1 клеточку вокруг него, если 2 то на 2 клеточки и так же если 3, сетка есть, элементы красяться только по одному не могу сделать так что бы вокруг них тоже закрашивалось помогите пожалуйста)
вот код:
$(document).ready(function(){
var mass = [];
var num_cells = prompt('Введите количество ячеек:',10);
var heigth = num_cells;
for (var i = 0; i < heigth; i++){
for (var j = 0; j < num_cells; j++){
var random = Math.floor(Math.random() * (4 - 1)) + 1;
if(j===0){
$('#main').append('<div class="value wrap" id=" ' + j + '_' + i + '_' + random + '"> ' + random + '</div>');
}else{
$('#main').append('<div class="value" id=" ' + j + '_' + i + '_' + random + '"> ' + random + '</div>');
}
}
}
//закрашивание самих элемнетов
$("#main").on("click", ".value", function(){
mass = this.id.split('_');
if(mass[2] == 1){
$(this).toggleClass("blue");
}
if(mass[2] == 2){
$(this).toggleClass("red");
}
if(mass[2] == 3){
$(this).toggleClass("green");
}
});
});