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 · ベストアンサー

http://www.atmarkit.co.jp/ait/spv/1002/12/news101_2.html

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

お礼

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