最后一个孩子

问题描述:

我的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: Node cannot be inserted at the specified point in the hierarchy

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

+0

为什么改变CSS?你不能使用:“删除()”最后一个图像标记(分配给var)+“before()”img:first? – hovanessyan 2012-07-28 12:30:28

+0

我需要这个,我尝试使圆形滑块 – keram 2012-07-28 12:32:06

+1

你可以随时使用detach(而不是删除),并预先... – AdityaParab 2012-07-28 12:40:08

curr.parent().prepend(curr); 

curr.prependTo(curr.parent()); 
+0

我们不需要'.detach()'它吗? 或prepend会隐式分离它? – AdityaParab 2012-07-28 12:40:55

+0

预先添加一个已经存在于DOM中的元素只会移动它,所以不需要首先分离()它。 – adeneo 2012-07-28 12:45:06

+0

谢谢新:) :) :) :) – AdityaParab 2012-07-28 12:45:48

您可以使用prepend()

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

http://jsfiddle.net/Uttv8/

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

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