将选定的菜单列表项移到第一个列表位置

Question

我有一个包含三个无序列表项的顶层菜单。点击的列表项应移动到左侧，进入第一个位置。我尝试了一些prepend（）像下面的东西，但我没有得到它的工作。感谢您的任何提示。

HTML：

<div class='subpage_top_nav'> 
    <ul> 
     <li><a href='#'><center>Gabione</center></a></li> 
     <li><a href='#'><center>Bewerte Erde</center></a></li> 
     <li><a href='#'><center>Natursteinsatz</center></a></li> 
    </ul> 
</div> 

的jQuery：

$('.subpage_top_nav li').click(function(e) { 
    e.preventDefault(); 
    $(this).parent().append(this); 

}); 

Answer 1

Prepend工作正常。

$('.subpage_top_nav li').click(function(e) { 
    e.preventDefault(); 
    $(this).parent().prepend(this); 
}); 

DEMO FIDDLE

Answer 2

使用prepend()：

$('.subpage_top_nav li').click(function (e) { 
    e.preventDefault(); 
    $(this).parent().prepend(this); 
}); 

看看这个小提琴：http://jsfiddle.net/29cBw/