使用jquery下移textarea的值

Question

我有n个数的div。如果我单击add按钮created new div last，值将移动到下一个div，因此time first div为空。如何使用jquery执行此操作？

<div>
    <div id='mydiv1'><textarea id='mytask1'>hai</textarea></div>
    <div id='mydiv2'><textarea id='mytask2'>hai1</textarea></div>
    ..................
    ........................
    <div id='mydiv8'><textarea id='mytask8'>hai2</textarea></div>
    <div id='mydiv9'><textarea id='mytask9'>hello</textarea></div>
</div>

我必须将此div更改为

<div>
    <div id='mydiv1'><textarea id='mytask1'></textarea></div>
    <div id='mydiv2'><textarea id='mytask2'>hai</textarea></div>
    <div id='mydiv3'><textarea id='mytask3'>hai1</textarea></div>
    ..................
    ........................
    <div id='mydiv9'><textarea id='mytask9'>hai2</textarea></div>
    <div id='mydiv10'><textarea id='mytask10'>hello</textarea></div>
</div>

Answer 1

我认为insertBefore()会是一个更好的方法：

i = i+1;  //maintain counter properly.
$("<div id='mydiv"+i+"'><textarea id='mytask"+i+"'></textarea></div>").insertBefore( "<div id='mydiv"+(i-1)+"'><textarea id='mytask"+(i-1)+"'></textarea></div>" );

所以你会得到一个类似这样的序列：

mydiv9
mydiv8
mydiv7
.
.
mydiv1

编辑：

如果ids的顺序不正确，那么可以使用prepend()

$("#parentDiv").prepend($("<div id='"+div_id+"'><textarea id='"+task_id+"'></textarea></div>"))

A jsfiddle

希望能有所帮助。