对div排序

原创 2011年01月09日 19:13:00

对一组div排序

通过对div对象数据按值或其它方式进行排序

<div name="ddd" id="c1">1</div>
<div name="ddd" id="c2">2</div>
<div name="ddd" id="c3">3</div>
<div name="ddd" id="c4">4</div>
<input type="button" value="test12" onclick="sortDiv3()"/>
<script type="text/javascript">
<!--
    var $ = function(){
  return document.getElementById(arguments[0]);
 }
 var insertBefore = function(baseO, beforeO){
         baseO.parentNode.insertBefore(beforeO, baseO);
    }
   
 
    function sortDiv(){
    var i = arguments.length;
    while(i-->1){
        //alert(i);
        insertBefore($("c" + arguments[i]), $("c"+ arguments[i-1]));
    }
 }
    //按值倒序排序
 function sortDiv3(){
        for (i = 1; i < 5; i++) {
      for (j = i; j < 5; j++) {
        if ($("c"+i).innerText <$("c"+j).innerText) {
            insertBefore($("c"+i),$("c"+j));
        }
        }
    }
    }
 
//-->
</script>

div排序,jquery

http://jsfiddle.net/zfcnM/ http://blog.csdn.net/paolei/article/details/6805007 这两个小例子都非常...
  • artemisrj
  • artemisrj
  • 2015年04月21日 09:22
  • 455

div拖拽排序

效果图如下: 代码如下,后面有下载地址 div拖拽排序   .gridly {     position: relative;     width: 900px;   }   .b...
  • ntotl
  • ntotl
  • 2017年03月01日 11:22
  • 431

多个 DIV 自动 排序(基于Jquery)

$(function () {             var div = $('div').toArray().sort(function (a, b) {                 re...
  • make1828
  • make1828
  • 2012年06月19日 09:48
  • 3704

原创鼠标拖动实现DIV排序

对比传统的排序,这是一个很不错的尝试,希望对大家有启发。只有我们敢于尝试,总会有意想不到的收获。...
  • littlebo01
  • littlebo01
  • 2013年10月12日 16:53
  • 4146

jQuery实现div横向拖拽排序

div横向拖拽排序 body,div{ ...
  • kongjiea
  • kongjiea
  • 2015年05月08日 12:06
  • 3798

DIV 设置 display:inline-block 导致 DIV 对不齐的解决方法

情景代码如上。 出问题的浏览器: 360,sogou,猎豹的极速模式 给DIV设置display:inline-block属性后,这四个DIV会拍在一排,但是会个别的高一点,不对齐。 解决方法: 给d...
  • ForeverCjl
  • ForeverCjl
  • 2013年11月21日 22:00
  • 8005

js实现相对定位div块移动_自动排列

  前段时间分到个任务,是一个门户网站的用户自定义频道展示功能,要求自动排列,并且可以实时拖动。js和页面特效不是我的强项,不过幸好网上这方面的例子很多,下了两个研究了一下,心里大概就有数了。网上的例...
  • yue_ch
  • yue_ch
  • 2010年07月04日 16:09
  • 3956

DIV 设置 display:inline-block 导致 DIV 对不齐的解决方法

1.将div的样式中加上,vertical-align:top; 2将inine-block改为inline-table
  • chrisyard
  • chrisyard
  • 2016年07月25日 16:07
  • 151

每日一个js实例4---DOM操作ul排序

28        3        13           //1.依次替换     function $(id){return document.getElement...
  • yk890303
  • yk890303
  • 2016年10月28日 09:32
  • 354

非常简洁的div排序,使用jquery

这个代码很简洁 Untitled Document $(function(){ ...
  • paolei
  • paolei
  • 2011年09月23日 20:02
  • 6661
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:对div排序
举报原因:
原因补充:

(最多只允许输入30个字)