上下移动div,jq实现上下移动div的简单方法

这个是基于jq实现的div上下移动，非常简单，就是在tr里声明id=“p_item_数据id”，上下移动按钮里绑定 data-id=“数据id”,然后给上下键按钮添加点击事件，获取该按钮的data-id,通过id来操作tr,利用after（）、bifore（）来完成节点的上下移动

<tr id="p_item_'+rows[i].stationId+'" data-id="\'+rows[i].stationId+\'" style="border-bottom: 1px solid #95b8e7;text-align: center;line-height: 30px;">' +
                                '<td>'+rows[i].stationId+'</td>' +
                                '<td>'+rows[i].stationName+'</td>' +
                                '<td>'+rows[i].longitude+'</td>' +
                                '<td>'+rows[i].latitude+'</td>' +
                                '<td>'+
                                    '<a class="p_up" data-id="'+rows[i].stationId+'" style="color: blue;margin-right: 20px;cursor: pointer">↑上移</a>'+
                                    '<a class="p_down" data-id="'+rows[i].stationId+'" style="color: blue;margin-right: 20px;cursor: pointer">↓下移</a>'+
                                    '<a class="p_del" data-id="'+rows[i].stationId+'" style="color: blue;cursor: pointer">删除</a></td>' +
                                '</tr>
$('#choose_points').on('click','.p_up',function(){
    var id=$(this).attr('data-id');
    $('#p_item_'+id).prev().before($('#p_item_'+id));
})


$('#choose_points').on('click','.p_down',function(){
    var id=$(this).attr('data-id');
    $('#p_item_'+id).next().after($('#p_item_'+id));
})