我写的前台div排序大家看看那里出错了，我怎么都找不到哪里有问题，要用jquery的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
    　$("#paixu").click(function(){
　　   var d;　　   var indexs=new Array();
　　    var row=$("#products > div").length;
　　    var array=new Array();
　　    var array1=new Array();
　　    for(var i=0;i<row;i++){
　　        array[i]=$("#products > div > .time").eq(i).text();
　　        array1[i]=$("#products > div").eq(i).html();
　　    }
　　    for(var i=0;i<array.length;i++){
　　        for(var j=0;j<array.length;j++){
　　            if(array[i] < array[j]){
　　                d=array[j];
　　                array[j]=array[i];
　　                array[i]=d;
　　            }
　　        }
　　    }
　　    var s;
　　    for(var i=0;i<array.length;i++){
　　        for(var j=0;j<array1.length;j++){
　　            if($("#products > div > .time").eq(j).text()==array[i]){
　　                indexs[i]=$("#products > div").eq(j).html();
　　                s+=indexs[i];
　　            }
　　        }
　　    }  
　　    
})
</script>
</head>
<body>
<input type="button" value="按时间排序" id="paixu"/>
<div id="products">
<div class="product">
     产品名称:<span class="name">手机1</span>
     上市时间:<span class="time">2011</span>
    </div>
<div class="product">
     产品名称:<span class="name">手机3</span>
     上市时间:<span class="time">2013</span>
    </div>
<div class="product">
     产品名称:<span class="name">手机2</span>
     上市时间:<span class="time">2009</span>
</div>
</div>
</body>
</html>

解决方案 »

  1.   

    脚本写在body里面
    遍历循环有问题
    　 for(var i=0;i<array.length;i++){
    　　 for(var j=0;j<array.length;j++){
    明显不对..索引都一样 还比较什么
      

  2.   

    LZ的click事件有反应？  我还没这么试过呢。 通常用jquery注册事件，都用个函数封起来的。
      

  3.   

    写了一个，LZ凑和着用吧给分！
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
    <input type="button" value="按时间排序" id="paixu"/>
    <div id="products">
    <div class="product"> 产品名称:<span class="name">手机1</span> 上市时间:<span class="time">2011</span> </div>
    <div class="product"> 产品名称:<span class="name">手机3</span> 上市时间:<span class="time">2013</span> </div>
    <div class="product"> 产品名称:<span class="name">手机2</span> 上市时间:<span class="time">2009</span> </div>
    <div class="product"> 产品名称:<span class="name">手机4</span> 上市时间:<span class="time">2017</span> </div>
    <div class="product"> 产品名称:<span class="name">手机5</span> 上市时间:<span class="time">2004</span> </div>
    <div class="product"> 产品名称:<span class="name">手机6</span> 上市时间:<span class="time">2012</span> </div>
    </div>
    <script type="text/javascript">
    $(document).ready(function() {
    $('#paixu').click(function() {
    var order = $(this).attr('order') || 'desc'; //默认时间从大到小排
    var list = [];
    var index= [];
    var map = {};
    var box = $('#products');
    $('.product').each(function(i) {
    var o = $(this);
    var n = o.find('.time').eq(0).text();
    map[n] = i;
    index.push(parseInt(n));
    list.push(o);
    });
    box.html('');
    order == 'asc'? index.sort() : index.sort(function(a, b) {return b - a});
    $.each(index, function(j, v) {
    box.append(list[map[v.toString()]]);
    });
    $(this).attr('order', order == 'asc'? 'desc' : 'asc'); //更改时间排列方式
    });
    });
    </script>
    </body>
    </html>
      

  4.   

    楼主错误挺多，代码也有些不直接。不一一说了，直接贴我完全重写的，测试通过。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
      <title>theforever_csdn.net_DIV排序</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script language="javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
    <script type="text/javascript">
    $(function() {
    $("#paixu").click(function() {
    var array = new Array();
    $("#products > div").each(function(){
    array.push($(this).find(".time").text()+"|"+ $(this).html());
    });
    array.sort();
    var newHtml='';
    for(var i in array) newHtml+='<div class="product">'+array[i].split("|")[1]+'</div>';
    $("#products").html(newHtml);
    })
    });
    </script>
    </head>
    <body>
    <input type="button" value="按时间排序" id="paixu"/>
    <div id="products">
    <div class="product">
      产品名称:<span class="name">手机1</span>
      上市时间:<span class="time">2011</span>
      </div>
    <div class="product">
      产品名称:<span class="name">手机3</span>
      上市时间:<span class="time">2013</span>
      </div>
    <div class="product">
      产品名称:<span class="name">手机2</span>
      上市时间:<span class="time">2009</span>
    </div>
    </div>
    </body>
    </html>