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
ie，被点击的链接应该成为第一个元素，其余的应该下。有任何想法吗？

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/