jquery - 将最后一个孩子移动到第一个位置

Question

我的 HTML：

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

在特定事件中，我想将最后一个 img 标签移动到第一个位置（根据父级）

我尝试：

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

我可以更改 css，但第二行引发错误：

HierarchyRequestError：无法在层次结构中的指定点插入节点

有人可以给我任何建议吗？

Answer 1

curr.parent().prepend(curr);

或者

curr.prependTo(curr.parent()); 

Answer 2

您可以使用prepend()：

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

http://jsfiddle.net/Uttv8/

Answer 3

试试这个 http://jsfiddle.net/uttara/TFYXA/

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