Jquery 控制元素上下移动

最新推荐文章于 2022-03-17 16:24:47 发布

网络剑客

最新推荐文章于 2022-03-17 16:24:47 发布

阅读量1.1k

点赞数

分类专栏： jQuery技术

本文链接：https://blog.csdn.net/dongsg11200/article/details/34116275

版权

jQuery技术专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript" >

function up(obj) {
    var parenttr=$(obj).parent();//找到该li
    var zhi = parenttr.find("input:hidden").val();
    var zhi1 = parseFloat(zhi) - 1;
    var parentpre=parenttr.prev();//获得匹配元素中每个元素紧邻的前一个同胞元素
    if (parentpre.length > 0) {
      parenttr.find("input:hidden").val(zhi1);//赋值自己
      parenttr.prev().find("input:hidden").val(zhi);
      parentpre.insertAfter(parenttr);//在被选元素之后插入 HTML 标记或已有的元素
    }
}

function down(obj) {
    var parenttr=$(obj).parent();//找到该li
    var zhi = $(obj).parent().find("input:hidden").val();
    var zhi1 = parseFloat(zhi) + 1;
    var parentpre=parenttr.next();//查找每个段落的下一个同胞元素
    if (parentpre.length > 0) {
      parenttr.find("input:hidden").val(zhi1);//赋值自己
      parenttr.next().find("input:hidden").val(zhi);
      parentpre.insertBefore(parenttr);//被选元素之前插入 HTML 标记或已有的元素
      //  $.post('/Text/common.ashx', {  }, function(d) {})//这里可以触发ajax更新数据库中的排序号
    }
}
</script>

</head>

<body>

  <ul>
    <li><i>1</i> <input type="text" name="name" value="111111111" /><input type="hidden" name="sort" value="1"><span οnclick="up(this)">上移</span>  <span οnclick="down(this)">下移</span></li>
    <li><i>2</i> <input type="text" name="name" value="222222222" /><input type="hidden" name="sort" value="2"><span οnclick="up(this)">上移</span>  <span οnclick="down(this)">下移</span></li>
    <li><i>3</i> <input type="text" name="name" value="333333333" /><input type="hidden" name="sort" value="3"><span οnclick="up(this)">上移</span>  <span οnclick="down(this)">下移</span></li>
  </ul>

</body>
</html>

网络剑客

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery 控制元素上下移动

function up(obj) { var parenttr=$(obj).parent();//找到该li var zhi = parenttr.find("input:hidden").val(); var zhi1 = parseFloat(zhi) - 1; var parentpre=parenttr.prev();//获得匹配元素中每个元素紧邻的前一个
复制链接

扫一扫