Déplacer dernier enfant à première position

Question

Mon HTML:

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

Sur événement précis, je veux passer la dernière balise img à première position (selon parent)

J'essaie:

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

Je peux changer le CSS, mais erreur de relèvement de deuxième ligne:

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

Quelqu'un pourrait-il me donner un conseil?

Answer 1

curr.parent().prepend(curr); 

ou

curr.prependTo(curr.parent()); 

Answer 2

Vous pouvez utiliser prepend():

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

http://jsfiddle.net/Uttv8/

Answer 3

essayer ce http://jsfiddle.net/uttara/TFYXA/

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