javascript - リンクのリストからクリックすると、クリックされたリンクが最初のリンクになります

Question

さまざまな都市を示すドロップダウンがあります。ドロップダウンのコードは次のとおりです。

<ul class="nav-poplist">
<li class="nav_divider_before"><a onclick="set_city(1);" href="javascript:">Bangalore</a></li>                    
<li><a onclick="set_city(3);" href="javascript:">Hyderabad</a></li>            
</ul>

したがって、現在の順序は次のようになっています:
バンガロール
ハイデラバード
だから、私がしようとしているのは、ユーザーがハイデラバードをクリックすると、ハイデラバードが一番上に来て、バンガロール (および将来そこにあるかもしれない他の都市) が行くべきですダウン、例えば。ユーザーが Hyderabad をクリックすると、順序は、
Hyderabad
Bangalore
、つまり、クリックされたリンクが最初の要素になり、残りは下に移動するはずです。何か案は？

Answer 1

set_city()関数に次の行を追加することで、これを実行できるはずです。

$(this).parent().prependTo($(this).parent().parent());

Answer 2

メソッドを使用できますprepend：

$('.nav-poplist li').click(function(){
   $('.nav-poplist').prepend(this)
})

http://jsfiddle.net/SQQY7/