Mueva último niño en la primera posición

Question

Mi HTML:

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

El evento específico quiero mover última etiqueta img en la primera posición (de acuerdo con los padres)

Trato:

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

Puedo cambiar css, pero error de elevación de la segunda línea:

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

¿Podría alguien darme algún consejo?

Answer 1

curr.parent().prepend(curr); 

o

curr.prependTo(curr.parent()); 

Answer 2

Puede utilizar prepend():

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

http://jsfiddle.net/Uttv8/

Answer 3

probar este http://jsfiddle.net/uttara/TFYXA/

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