javascript - 将 div 从一里移动到另一里

Question

我正在尝试从两里排序。如果我要删除任何 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 填满。如果我要从第一个 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('');
    });
});