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

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/