JQuery 将列表项移动到无序列表的末尾

Question

我正在使用一个无序列表，我想将带有 .price 类的列表项移动到列表的底部。

<ul class="itemExtraFieldslist">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li class="price">Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
</ul>

我试过使用:

$('ul.itemExtraFieldslist').sortable({
    stop: function (event, ui) {
        $(this).find('li.price').appendTo(this);
    }
});

但这行不通。这似乎是一件很简单的事情，但我似乎可以理解它。我创建了一个 jsFiddle here .

Stack Overflow 上已经有一个答案，但它不起作用(我的版本基于那个答案)。

谢谢你的帮助

Answer 1

我不知道你想用 sortable 实现什么。
不过这里更新了Fiddle

$('ul.itemExtraFieldslist').find('li.price').appendTo('ul.itemExtraFieldslist');

简单。 !