jQuery 将列表项移动到列表末尾

Question

我有这个列表，可以使用 sortable 进行排序。 排序完成后，如何将类为 .neutral 的 li 项移动到列表末尾？

$(".thumbs").sortable({
    stop: function(event, ui) { 
        // move .neutral at the end of this list
    }
});

<ul class="thumbs">
    <li>red</li>
    <li>green</li>
    <li class="neutral">none</li>
    <li>yellow</li>
    <li>blue</li>
<ul>

Answer 1

您可以使用 .appendTo() 将它们附加(移动)到列表末尾。 ，像这样:

$(".thumbs").sortable({
    stop: function(event, ui) {
      $(this).find('.neutral').appendTo(this);
    }
});

You can give it a try here ，这会获取内部的所有 .neutral 元素并将它们附加到 this ，即我们当前所在的 ul.thumbs ，这将起作用也适用于多个独立的缩略图列表。