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

前端之家收集整理的这篇文章主要介绍了jQuery将列表项移动到列表的末尾前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个列表可以排序可排序.
排序完成后,如何将li项目与class.neutral移动到列表的末尾?
$(".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>

解决方法

您可以使用 .appendTo()附加(移动)到列表的末尾,如下所示:
$(".thumbs").sortable({
    stop: function(event,ui) {
      $(this).find('.neutral').appendTo(this);
    }
});

You can give it a try here,这将获得所有的内容元素,并附加到这是我们目前的ul.thumbs,这将适用于多个独立的缩略图列表.

原文链接:https://www.f2er.com/jquery/176699.html

猜你在找的jQuery相关文章