主要实现思路是节点操作,比如说:上移,直接把点击项移动到前一个节点,以此类推,当然实际代码实现还要加些判断,如当前点击操作项是否已经是置底或置底了,如果是则给点相应提示,好让操作者知道发生了什么事情。
思路:
1、先用到的克隆方法.clone(true):
即把当前要移动的项先保存好,备于后用。
如:.prev()当前元素上面的标签
.next()当前元素下面的标签
3、实现
具体代码如:
置顶
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('亲,现在已是最上的哦,不能再上移了...');
}
},//设置下移
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('亲,现在已是最下的哦,不能再下移了...');
}
}
}
原文链接:https://www.f2er.com/jquery/54603.html