jquery 列表数据上下移动

Question

jqueryjshtmljavaweb

Answer 1

点击排序图标的时候把主键和序号用ajax抛给后台方法，在数据库操作序号的加减

Answer 2

    $(function () {
        var moveup, currentNode, refNode;
        $('i.arrow').click(function () {
            moveup = $(this).hasClass('icon-arrow-up');//上或者下
            currentNode = $(this).closest('li');//当前要移动的li节点
            refNode = currentNode[moveup ? 'prev' : 'next']();//去参考节点
            if (refNode.hasClass('menu-item') || refNode.hasClass('subMenu-item'))//是否在最前或者最后
                currentNode[moveup ? 'insertBefore' : 'insertAfter'](refNode);
            else alert(moveup ? '已经第一个位置！' : '已经最后一个位置！');
        });    });

Answer 3

    $(document).ready(function() {
        //上移
        $(".up").click(function() {
        var li = $(this).parents("li").first();
        if (li.index() != 0) {
        li.prev().before(li);
        }
        });
        //下移
        var liLength = $(".down").length;
        $(".down").click(function() {
        var li = $(this).parents("li").first();
        if (li.index() != liLength - 1) {
        li.next().after(li);
        }
        });
        });