js实现上移、下移置顶

最新推荐文章于 2024-01-30 16:46:38 发布

如梦难醒

最新推荐文章于 2024-01-30 16:46:38 发布

阅读量3.9k

点赞数

分类专栏： js 文章标签： js上移下移

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>使用js实现上移、下移、置顶、置底功能及源码案例</title><meta name="description" content="">

</head><body>

</ul>

event.preventDefault;

var parent=$(this).parent();

var parents=$(this).parents(".demo");

var len=parents.children().length;

if(($(this).is(".up") || $(this).is(".top")) && parent.index()==0){

alert("已经置顶！"); return false;

}else if(($(this).is(".down") || $(this).is(".bottom")) && parent.index()==len-1){

alert("已经置底！"); return false;

}

switch (true) {

case $(this).is(".up"):

var prev = parent.prev();

parent.insertBefore(prev); break;

case $(this).is(".down"): var next = parent.next(); parent.insertAfter(next); break;

case $(this).is(".top"): parents.prepend(parent); break; case $(this).is(".bottom"):

parents.append(parent); break;

}

alert("操作完成！！");

});

</script>

</body>

</html>

关注

专栏目录