上移

先找到当前的li标签
判断当前li标签是否是第一个,
是第一个就禁止再上移,
不是就在当前li的同辈的上一个元素前插入当前li,
prev()获取指定元素同辈的上一个元素。

  1. //上移top_information
  2. $('body').on('click','#top_information',function(){
  3. var index = $(this).parents('li');//找到选中的li
  4. if(index.index() != 0){
  5. index.prev().before(index);
  6. }else{
  7. layer.msg('已经是第一条数据了,不能再上移了哦!', {icon: 1});
  8. }
  9. });

下移

先找到当前的li标签
判断当前li标签是否是最后一个,
是最后一个就禁止再下移,
不是就在当前li的同辈的下一个元素后插入当前li,
next()获取指定元素同辈的下一个元素

  1. //下移down_information
  2. $('body').on('click','#down_information',function(){
  3. var index = $(this).parents('li'); //找到选中的li
  4. var length = $('#table-list tbody li').length;
  5. if(index.index() != length-1){
  6. index.next().after(index);
  7. }else{
  8. layer.msg('已经是最后一条数据了,不能再下移了哦!', {icon: 1});
  9. }
  10. });