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

我有一个下拉列表，显示不同的城市。以下是下拉列表的代码：

<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>

因此，目前的顺序如下：
班加罗尔
海得拉巴
所以，我想做的是，当用户点击海得拉巴时，海得拉巴应该排在首位，班加罗尔（以及未来可能出现的其他城市）应该下降，例如，假设用户点击海得拉巴，那么顺序应该是，
海得拉巴
班加罗尔
i、 例如，单击的链接应该成为第一个元素，其余的应该向下。

---

有什么想法吗？

您应该可以通过在

set_city（）

函数中添加以下行来实现这一点：

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

---

您可以使用

prepend

方法：

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

---

从来都不知道，

.prepend（）

ing一个现有元素只是移动了它。谢谢事实上，我对jquery&javascript还很陌生，所以我对这方面没有太多的线索。我可以向您保证的是，这种行为会给用户带来很多困惑。想象一下：你在页面上有一个物品列表，每次你点击一个物品，这个列表就会改变。是的，非常感谢你的提示。我已经改变了这种行为。现在，有一个默认文本为班加罗尔，当您将鼠标悬停在它上面时，您会看到一个下拉列表为班加罗尔和海得拉巴，因此当您单击海得拉巴时，文本将更改为海得拉巴：）