js汉字按字母排序

最新推荐文章于 2024-05-17 13:52:13 发布

android_xugq2016

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量133

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/beli/p/9373145.html

版权

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <title>RunJS 演示代码</title>
    <style type="text/css">
        #dd a{
            padding: 0 10px;
        }
    </style>
    <script>
        onload = function() {
            var as = dd.getElementsByTagName("a");
            var arr = [];
            for (var i = 0; i < as.length; i++) {
                arr.push(as[i]);
            }
            var reg = /^\s+|\s+$/g;
            arr.sort(function(a, b) {
                var af = a.innerHTML.replace(reg, "");
                var bf = b.innerHTML.replace(reg, "");
                if (af.localeCompare(bf) > 0) {
                    return 1;
                } else if (af.localeCompare(bf) < 0) {
                    return -1;
                } else {
                    return 0;
                }
            });
            for (var i = 0; i < arr.length; i++) {
                dd.appendChild(arr[i]);
            }
        }
    </script>
</head>

 
<body>
    <div id="dd"> 
        <a href="guangzhou">广州</a>
        <a href="beijing">北京</a>
        <a href="shanghai">上海</a>
        <a href="tianjin">天津</a>
        <a href="shenzhen">深圳</a>
    </div>
</body>
 
</html>

转载于:https://www.cnblogs.com/beli/p/9373145.html

android_xugq2016

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js汉字按字母排序

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="js/jquery-1.11.0.min.js" type="text/javascr...
复制链接

扫一扫