jQueryで同じ要素の先頭へ親要素を移動したい

下記のとき、<span>□</span>をクリックしたら、pタグの一番上へ要素を移動するにはどうすればよいでしょうか？

変更前
<section>
　<div>★</div>
　<p><span>☆</span></p>
　<p><span>■</span></p>
　<p><span>□</span></p>

変更後
<section>
　<div>★</div>
　<p><span>□</span></p>
　<p><span>☆</span></p>
　<p><span>■</span></p>


■やりたいこと
・<section>はそれぞれ複数あるので、クリックした地点からの相対パスで、一番上要素を指定したいです
・「$(this).parent()」を、「$(this).parent()」のpタグ先頭の先頭へ追加すればよい？　どうやって？

No.1 ベストアンサー 回答者： ONEONE 回答日時： 2014/07/05 01:39

http://www.atmarkit.co.jp/ait/spv/1002/12/news10 …

この辺使えばいけるでしょう

この回答へのお礼

回答ありがとうございました。
リンク先、大変参考になりましたー

お礼日時：2014/07/06 23:56