移动P元素的问题

Question

测试代码：<div class="Co">
   <p class="cc" style="height:60px; width:500px; background-color:Black"></p>
   <p class="aabb">11111111111111</p>
   <p>sadfsdfsdfdsfsdfasdfassadfsdf</p>
   </div>
   <div class="Co">
   <p class="cc" style="height:60px; width:500px; background-color:Black"></p>
   <p class="aabb">2222222222222</p>
   <p>sadfsdfsdfdsfsdfasdfassadfsdf</p>
   </div>
   <div class="Co">
   <p class="cc" style="height:60px; width:500px; background-color:Black"></p>
   <p class="aabb">33333333</p>
   <p>sadfsdfsdfdsfsdfasdfassadfsdf</p>
   </div>
我想把每个<div class="Co">里的<p class="aabb">移到<p class="cc">上面，我用<script type="text/javascript">
        $(function () {
            $("div.Co p.aabb").eq(0).insertBefore($("div.Co p.cc"));
        });
    </script>却只能把第一条<p class="aabb">11111111111111</p>移动到各<p class="cc">上面，我应怎么样写才能把每个<div class="Co">里的<p class="aabb">移到<p class="cc">上面？

Answer 1

http://topic.csdn.net/u/20101116/18/dd82ad03-71b1-4230-abee-c67522d23f7e.html?38178

Answer 2

$($("div.Co p.aabb").eq(i)).insertBefore($("div.Co p.google").eq(i));