Przenieś ostatnie dziecko do pierwszej pozycji

Question

Moje HTML:

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

W konkretnym przypadku chcę, aby przejść ostatni tag img do pierwszej pozycji (w zależności od rodzica)

Staram:

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

Mogę zmienić css, ale błąd podnoszenia drugiej linii:

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

Czy ktoś może udzielić mi porady?

Answer 1

curr.parent().prepend(curr); 

lub

curr.prependTo(curr.parent()); 

Answer 2

Można użyć prepend():

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

http://jsfiddle.net/Uttv8/

Answer 3

wypróbować ten http://jsfiddle.net/uttara/TFYXA/

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