蜗牛也是我牛 2015-12-16 06:53 采纳率: 0%
浏览 3045
已采纳

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>
  • 写回答

8条回答 默认 最新

  • Go 旅城通票 2015-12-16 07:30
    关注
    
<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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题？

悬赏问题

  • ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？
  • ¥15 错误 LNK2001 无法解析的外部符号
  • ¥50 安装pyaudiokits失败
  • ¥15 计组这些题应该咋做呀
  • ¥60 更换迈创SOL6M4AE卡的时候，驱动要重新装才能使用，怎么解决？
  • ¥15 让node服务器有自动加载文件的功能
  • ¥15 jmeter脚本回放有的是对的有的是错的