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/

将所选菜单列表项移动到第一个列表位置

2 个答案: