jquery - 交換JQueryでインデックス値?

Question

順序付けられていないリストを使用するインタラクティブな Web ページに取り組んでいます。私が望むのは、ユーザーがそのリストの要素をクリックするたびに、それが最初の子であろうと 10 番目の子であろうと、その要素が最初の子になることです。
クリックされた要素のインデックス値を見つける方法をいくつか見つけ<li>ましたが、その要素のインデックス値を置き換える方法を見つけることができませんでした。
これは以前に尋ねられるべきだった質問のように思えますが、私はたくさんの画像と要素のスライドショーをくまなく調べましたが、それらはライトボックスのコンテンツをスクロールしたりフェードインしたりライトボックスからフェードアウトしたりするだけで、私のものにはほど遠いものです.メートル後。
どんな考えでも大歓迎です。

Answer 1

prepend要素を最初の子としてセレクターに移動します

http://api.jquery.com/prepend/

あなたができるように：

$('li').click(function() {
   $(this).parent().prepend($(this));
});

http://jsfiddle.net/3hLk7/

Answer 2

jQuery のprependToを見てください。

http://jsfiddle.net/9CFm9/

$('li').click( function() {
     $(this).prependTo($(this).parent());
});