Move the last child to the first position

Question

My HTML:

<div id="my-slider"> <img src="/slider/pic/bf3.jpg" alt="picture"> <img src="/slider/pic/bf3_cq.jpg" alt="picture"> <!-- etc --> </div> 

In the specific case, I want to move the last img tag to the first position (according to the parent)

I'm trying to:

  curr.css('left', 0); curr.prepend(curr.parent()); 

I can change the css, but the error is raising the second line:

HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy

Can anyone give me any advice?

Answer 1

 curr.parent().prepend(curr); 

or

 curr.prependTo(curr.parent()); 

Answer 2

You can use prepend() :

 $('#my-slider').prepend($('#my-slider img:last')) 

http://jsfiddle.net/Uttv8/

Answer 3

try http://jsfiddle.net/uttara/TFYXA/

 $("#my-slider img:last-child").prependTo("#my-slider")