jquery或javascipte实现标签内文字按拼音首字母排序

2025-03-19 16:24:40
推荐回答(2个)
回答1:

jq:

var wrap = $('div');

var html = 
        wrap.find('a')
        .map(function(){//获取文字
          return $.trim($(this).text())
        })
        .toArray()//转换jq为数组
        .sort(function(a , b){
          return a.localeCompare(b)//按照顺序排序
        })
        .map(function(txt){//拼接html
          return '' + txt + '';
        })
        .join('');

wrap.html(html);//输出


js:
function toArray(nodes){
  return [].slice.call(nodes , 0);
}

var wrap = document.querySelector('div');
var links = wrap.querySelectorAll('a');
var html = 
    toArray(links)
    .map(function(el , i){//读取文字
       return (el.innerText || el.textContent).trim();
    })
    .sort(function(a , b){
       return a.localeCompare(b)//按照顺序排序
    })
    .map(function(txt){//组合html
       return '' + txt + '';
    })
    .join('');

wrap.innerHtml = html;//输出

回答2:





    
    RunJS 演示代码
    



     苹果
        香蕉
        菠萝
    




相关问答