Направлять добавление тега изображения

Question

Привет, я ищу, чтобы переместить тег изображения через divs на основе щелчка мыши. Я создал сетчатую сетчатую систему с двумя различными типами плит - «deathsquare» & «mapsquare». Игрок может появляться только внутри плиток «mapsquare», и я тоже пытаюсь использовать его на данный момент.

Grid -

  <div id="28_25" class="deathsquare"></div> 
      <div id="29_25" class="deathsquare"></div> 
      <div id="30_25" class="deathsquare"></div> 

      <div id="1_20" class="mapsquare"></div> 
      <div id="2_20" class="mapsquare"></div> 
      <div id="3_20" class="mapsquare"></div> 
      <div id="4_20" class="mapsquare"></div> 

Это JSFiddle http://jsfiddle.net/zCZkA/16/ я не могу показаться, чтобы переместить игрока вверх "mapsquare" классов с использованием OnClick стрелки. У кого-нибудь есть предложения?

Спасибо!

Answer 1

Возможно, вы захотите, чтобы ваши рендер-квадраты были упорядочены по порядку. Сейчас ваших квадратов нет. После того, как вы разобрались в этой проблеме, вы можете отслеживать, где находится ваш плеер.

$('#up').click(function(){ 
    var player = $('#player'); 
    var currentDiv = player.parent().attr('id'); // gets you 3_5 or something like that 
    player.remove(); 
    //do logic to move up 
    var placement = currentDiv.split('_'); 
    var newSquare = [parseInt(placement[0])++,placement[1]].join('_'); 
    $('#' + newSquare).append(player); 

});