js如何把html内容,id=0到id=9 从小到大排序 显示！谢谢~~~急~~

 <!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>测试test</title>
</head>


<script language="javascript">  

        </script>  




<div id="content">

<div id="cd3">内容3</div>
<div id="cd9">内容9</div>
<div id="cd1">内容1</div>
<div id="cd8">内容8</div>
<div id="cd4">内容4</div>
<div id="cd7">内容7</div>
<div id="cd5">内容5</div>
<div id="cd2">内容2</div>
<div id="cd6">内容6</div>
<div id="cd0">内容0</div>


</div>

<body>
</body>
</html>

想要的效果！！

<div id="content">

<div id="cd0">内容0</div>
<div id="cd1">内容1</div>
<div id="cd2">内容2</div>
<div id="cd3">内容3</div>
<div id="cd4">内容4</div>
<div id="cd5">内容5</div>
<div id="cd6">内容6</div>
<div id="cd7">内容7</div>
<div id="cd8">内容8</div>
<div id="cd9">内容9</div>


</div>



<div id="content">

    <div id="cd3">内容3</div>
    <div id="cd9">内容9</div>
    <div id="cd1">内容1</div>
    <div id="cd8">内容8</div>
    <div id="cd4">内容4</div>
    <div id="cd7">内容7</div>
    <div id="cd5">内容5</div>
    <div id="cd2">内容2</div>
    <div id="cd6">内容6</div>
    <div id="cd0">内容0</div>


</div>
<script>
    var arrDOM = [], content = document.getElementById('content'), divs = content.getElementsByTagName('div');
    for (i = 0; i < divs.length; i++) arrDOM[i] = divs[i];
    arrDOM.sort(function (a, b) { return parseInt(/\d+/.exec(a.innerHTML)[0]) - parseInt(/\d+/.exec(b.innerHTML)[0]) });
    for (i in arrDOM) content.appendChild(arrDOM[i]);
</script>

http://www.w3cfuns.com/article-5600159-1-1.html

http://blog.csdn.net/paolei/article/details/6805007

大神我不懂js可以帮忙改好js代码发给我吗~

 <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>  
        <script type="text/javascript">  
            $(function(){  
                var div = $('div').toArray().sort(function(a,b){  
                        return parseInt($(a).html()) - parseInt($(b).html())  
                });  
                $(div).appendTo('body')  
            });          
        </script>

这段js怎么改成 我想要的效果啊~

先附图,容我这个csdn新手试试怎么贴代码....
图片说明

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>测试test</title>
    </head>
    <body>
        <div id="content">
            <div id="cd3">内容3</div>
            <div id="cd9">内容9</div>
            <div id="cd1">内容1</div>
            <div id="cd8">内容8</div>
            <div id="cd4">内容4</div>
            <div id="cd7">内容7</div>
            <div id="cd5">内容5</div>
            <div id="cd2">内容2</div>
            <div id="cd6">内容6</div>
            <div id="cd0">内容0</div>
        </div>
        <script language="javascript">  
            //简化 document.getElementById 方法
            function getDomById(eId){
                return document.getElementById(eId);
            }
            //页面初始哈事件
            window.onload=function(){
                if(!confirm("即将为你排序,请注意内容改变")) return;

                //1.定义一个数组
                var divArray = [];
                //2.1获取所以子元素长度
                var length = getDomById('content').childNodes.length;
                //2.将元素按顺序获取,放置到数组中
                for (var i = 0; i < length; i++) {
                    //获取当前元素
                    var currentDom = getDomById(('cd'+i));

                    //懒人兼容
                    if (null == currentDom ) continue;

                    //将元素存进数组
                    divArray[i] = currentDom;
                };
                //3.1清空原来内容
                getDomById('content').innerHTML = "";
                //3.2将数组中排序好的元素添加进去
                for (var i = 0; i < length; i++) 
                    getDomById('content').appendChild(divArray[i]);
            }
        </script>  
    </body>
</html>

图片说明

我截图给你！！！