欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery實現(xiàn)標簽上移、下移、置頂

 更新時間:2015年04月26日 12:51:18   投稿:hebedich  
這篇文章主要介紹了jquery實現(xiàn)標簽上移、下移、置頂?shù)南嚓P資料,并附上示例,非常實用,需要的朋友可以參考下

eg:如在后臺的標簽列表中,實現(xiàn)上移、下移、置頂功能

主要實現(xiàn)思路是節(jié)點操作,比如說:上移,直接把點擊項移動到前一個節(jié)點,以此類推,當然實際代碼實現(xiàn)還要加些判斷,如當前點擊操作項是否已經(jīng)是置底或置底了,如果是則給點相應提示,好讓操作者知道發(fā)生了什么事情。

思路:

1、先用到的克隆方法.clone(true):

     即把當前要移動的項先保存好,備于后用。

2、找到當前標簽所對應的相關元素及其相關方法:

    如:.prev()當前元素上面的標簽

         .next()當前元素下面的標簽

         .after()xxx之后添加方法

         .before()xxx之前添加方法

         .prepend添加方法

3、實現(xiàn)

具體代碼如:

var productsLabel = { 
  //設置置頂 
  setHot: function(t){ 
    var bar = 'showAndHide_box'; 
    var obj = $(t).parents('.'+bar).clone(true); 
    $(t).parents('.'+bar).remove(); 
    $(".showAndHide_list_box").prepend(obj); 
  },

  //設置上移 
  setUp: function(t){ 
    var bar = 'showAndHide_box'; 
    if($(t).parents('.'+ bar).prev('.'+bar).html() != undefined){ 
      var obj = $(t).parents('.'+bar).clone(true); 
      $(t).parents('.'+bar).prev().before(obj); 
      $(t).parents('.'+bar).remove(); 
    }else{ 
      alert('親,現(xiàn)在已是最上的哦,不能再上移了...'); 
    } 
  },

  //設置下移 
  setDown: function(t){ 
    var bar = 'showAndHide_box'; 
    if($(t).parents('.'+bar).next('.'+bar).html() != undefined){ 
      var obj = $(t).parents('.'+bar).clone(true); 
      $(t).parents('.'+bar).next().after(obj); 
      $(t).parents('.'+bar).remove(); 
    }else{ 
      alert('親,現(xiàn)在已是最下的哦,不能再下移了...'); 
    } 
  } 
}

以上就是本文給大家分享的全部內(nèi)容了,希望大家能夠喜歡。

相關文章

最新評論