Question

我想从两个李中排序。如果我将删除任何div，它将按asc排序。

我正在使用jquery追加移动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将为空。但是第一个李将包含3个div。如果我将从第一个li中删除一个div，那么第二个li中的一个div将会出现在第一个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('');
    });
});

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

1 个答案:

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