我有一个下拉列表,显示不同的城市。这是下拉列表的代码:
<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,那么订单应该是,
的海得拉巴
的班加罗尔
即,单击的链接应该成为第一个元素,其余的应该关闭。
有什么想法吗?
答案 0 :(得分:1)
您应该可以通过在set_city()
函数中添加以下行来执行此操作:
$(this).parent().prependTo($(this).parent().parent());
答案 1 :(得分:1)
您可以使用prepend
方法:
$('.nav-poplist li').click(function(){
$('.nav-poplist').prepend(this)
})