как перемещать элементы вверх и вниз по html

Question

Я написал код. , когда вы нажимаете на кнопку, вызывается функция, которая поднимет div вверх на одну позицию над другим div, и то же самое с Down Down down Знаете ли вы, как это сделать? http://jsfiddle.net/WmbmF/15/

<button type="submit" class="button" id="addk">Add div</button> 
<div class="body" style="float: left;"> 

и

var RL; 
RL = 0; 
$("#addk").click(function() { 
     RL = RL + 1; 
     RN = "Tekst" + RL; 
     $("<div id='" + RN + "' class='we' > " + 
      "<B>Kon" + RL +"</B>" + 
      "<button type='submit' class='button' onclick='Add(" + RN + ");' >AddNext</button>" + 
      "<button type='submit' class='button' onclick='Close(" + RN + ");' >Close</button>" + 
      "<button type='submit' class='button' onclick='Up(" + RN + ");' >Up</button>" + 
      "<button type='submit' class='button' onclick='Down(" + RN + ");' >Down</button><br />" + 
      "<br />" + "<input type='text'>" + "<br /><br />" + '</div>'). 

     appendTo(".body"); 
    }); 
function Close(){ 
$("#" + body.id + "").hide(); 
} 
function Up (we){ 
//?? 
} 
function Up (we){ 
//? 
} 

Answer 1

Не знаю, если это то, что вы хотите точно, но вы можете попробовать это:

$('button').click(function() { 
    if ($(this).hasClass('up')) { 
     $(this).closest('div').insertBefore($(this).closest('div').prev()); 
    } else { 
     $(this).closest('div').insertAfter($(this).closest('div').next()); 
    } 
}); 

http://jsfiddle.net/F8D7d/

Answer 2

Таким образом Безразлично» t кажется очень удобным для пользователя, что произойдет, если есть 100 предметы для перемещения вверх и вниз? Я думаю, что лучший способ достижения этой цели будет иметь сортировки списка вместо:

http://jqueryui.com/sortable/#default