从链接列表中，单击，使单击的链接成为第一个链接。

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>

因此，目前的命令是：

Bangalore

海得拉巴

所以，我想做的是，当用户点击海得拉巴，那么海得拉巴应该在上面，班加罗尔(和其他城市可能在未来)应该下降，例如。假设用户点击海得拉巴，那么订单应该是，

海得拉巴

Bangalore

也就是说，点击的链接应该成为第一个元素，其余的应该下降。有什么想法吗？

Answer 1

您可以使用prepend方法：

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

http://jsfiddle.net/SQQY7/

Answer 2

您应该能够通过向您的set_city()函数添加以下行来做到这一点：

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