將選定的菜單列表項移到第一個列表位置

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/