从链接列表中,单击,创建单击的链接,第一个

时间:2012-10-30 05:01:49

标签: javascript jquery

我有一个下拉列表,显示不同的城市。这是下拉列表的代码:

<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,那么订单应该是,
海得拉巴
班加罗尔
即,单击的链接应该成为第一个元素,其余的应该关闭。 有什么想法吗?

2 个答案:

答案 0 :(得分:1)

您应该可以通过在set_city()函数中添加以下行来执行此操作:

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

答案 1 :(得分:1)

您可以使用prepend方法:

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

http://jsfiddle.net/SQQY7/