将 div 从一个 li 移动到另一个

Question

我正在尝试从两个 li 中排序。如果我要删除任何 div，它将按 asc 排序。

The fiddle is

我正在使用 jquery append to 来移动 div。 请查看我的删除功能

function del_slide(no,sdiv)
    {       
        $('.s'+no).remove();    
        
        
        if(sdiv==1)
        {
            alert("first");
            $($('.bxslider .btm-slides').last()).appendTo(".bs1");
            
        }
        else if($('.bxslider .btm-slides').last())
        {
            alert("last");
            $($('.bxslider .btm-slides').last()).appendTo(".bs1");
        }
    
    }

如果我要删除任何项目！然后 div 不按顺序排列。 如何按升序处理所有项目？我不能做这种事情。请帮帮我。

我需要先放满。如果我要从第一个 li 中删除任何 div，那么第二个 li 的一个 div 应该移动到第一个 div。如果我将从最后一个 li 中删除，则 div 将位于同一位置。

如果我要删除任何 div，那么最后一个 li 将变为空白。但是第一个 li 将包含 3 个 div。如果我从第一个 li 中删除一个 div，那么第二个 li 中的一个 div 将出现在第一个。

Answer 1

你想要这样的东西吗？

JSFiddle：http://jsfiddle.net/TrueBlueAussie/H6PY6/3/

我删除了所有不必要的类和链接以及内联 javascript，因为您可以使用 jQuery 将它们全部连接起来并通过 jQuery DOM 遍历计算出位置。

$(function () {
    $(".bxslider").on('click', '.editText', function (e) {
        // Stop click of link
        event.preventDefault();
        // Edit code goes here

    }).on('click', '.delSlide', function (e) {
        // Stop click of link
        event.preventDefault();
        var $this = $(this);
        // Find current slide we clicked
        var $slide = $this.closest('.btm-slides');
        // Get parent of slide
        var $parent = $slide.closest(".bottom-slides");
        // if parent li is the first li
        if ($parent.closest('li').index() == 0)
        {
            // Move up one slide from the last li
            var $from = $parent.closest(".bxslider").children().last();
            // Move up one item from second section
            $parent.append($from.find('.btm-slides:first'));
        }
        // Empty the contents of the deleted slide
        $slide.html('');
    });
});