Переключить элемент списка с помощью jQuery?

Question

Есть ли способ обменять элемент списка другим с помощью jQuery?

предположить этот список:

<ul> 
    <li id="1"></li> 
    <li id="2"></li> 
    <li id="3"></li> 
    <li id="4"></li> 
    <li id="5"></li> 
</ul> 

Как изменить пункт 2 места с пунктом 4?

так что

<ul> 
    <li id="1"></li> 
    <li id="4"></li> 
    <li id="3"></li> 
    <li id="2"></li> 
    <li id="5"></li> 
</ul> 

есть ли способ без использования абсолютного позиционирования?

Answer 1

$('#2').insertAfter($('#3')); 
$('#4').insertAfter($('#1')); 

jsFiddle example

Answer 2

Вы можете взглянуть на библиотеку jQuery под названием «Сортировка». Вы можете прочитать об этом и увидеть живую демонстрацию здесь: http://jqueryui.com/sortable/

Answer 3

var lis = $('ul li'); 
lis.eq(3).after(lis.eq(1)).end().eq(0).after(lis.eq(3)); 

http://jsfiddle.net/Px6be/

и просто для удовольствия:

$.fn.swap = function(elem) { 
    var elem = $(elem), 
     before = elem.prev(); 

    this.after(elem); 
    before.after(this); 
}; 

$('#2').swap('#4'); 

http://jsfiddle.net/Px6be/1/