Changing element places in jQuery

Question

Possible Duplicate:
Is there a native jQuery function to switch elements?

I have list of items in my HTML, I want to change places of first and last element, but how can I do that with jQuery? I can get first and last elements, but how can I change their places (order) in list?

Example HTML:

<ul>
    <li id="item-1">1</li>
    <li id="item-2">2</li>
    <li id="item-3">3</li>
</ul>

jQuery:

var first = $("ul li:first");
var last = $("ul li:last");

score 6 · Accepted Answer · answered Jun 06 '11 at 10:46

6

This should be enough:

first.appendTo(first.parent());
last.prependTo(last.parent());

Here a jsFiddle

answered Jun 06 '11 at 10:46

DanielB

19,910
2
44
50

BonyT · Answer 2 · 2014-02-03T21:48:46.650

3

 $('#item-1').after($('#item-3'));
 $('#item-2').after($('#item-1'));

edited Feb 03 '14 at 21:48

answered Jun 06 '11 at 10:50

BonyT

10,750
5
31
52

1

`$('#item-1').after($('#item-3'));` – Pooya Estakhri Feb 01 '14 at 23:43
but not worked for me :) – Pooya Estakhri Feb 03 '14 at 20:44
ah - sorry I misread your answer - you are quite correct. My bad typo :) – BonyT Feb 03 '14 at 21:48

score 2 · Answer 3 · edited May 23 '17 at 11:51

2

Look at this question Is there a native jQuery function to switch elements?

edited May 23 '17 at 11:51

Community

1
1

answered Jun 06 '11 at 10:46

mark-cs

4,677
24
32

Changing element places in jQuery

3 Answers3

Linked

Related