js汉字按字母排序

时间：2023-03-10 02:24:14
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/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>

相关文章