Swapping list elements with jQuery

Question

I have a list: ```

item one

item two

item three

item four

item five

``` Each one has an up and down arrow on. In my jquery I have: ``` $(".upArrow").click(function() { }); $(".downArrow").click(function() { }); ``` How can I get it so that when a user clicks up arrow it swaps the li with the one above, and when they click down it swaps with the li below (if…

Accepted Answer

jsFiddle( http://jsfiddle.net/A9j3E/6/ )

```
$(".upArrow").click(function() {
    $(this).parent().insertBefore( $(this).parent().prev() );
});

$(".downArrow").click(function() {
    $(this).parent().insertAfter( $(this).parent().next() );
});​
```

Swapping list elements with jQuery

Solution

Problem