JS：js中获取一个无序列表并按照有序的方式显示

获取一个无序列表

var ul = document.getElementById('source');var li = ul.getElementsByTagName('li');function getData() {  var str;  var data=[];  var i = 0;  while(li[i]!=undefined) {    str = li[i].innerText;    data.push(str);    i++;  }  for(var j = 0; j < data.length; j++) {    data[j] = data[j].split("：");  }  return data;}

获取无序列表的主要思路是，先获取到ul下的所有li标签，使用innerText得到li里面的内容。再用data.push将所有li标签的内容全部添加到数组内。

按照有序的方式排列

data的数组是长这个样子的：

data = [    ["北京", 90],    ["北京", 90]    ……  ]

所以排序可以使用数组的sort方法，通过compare函数比较每个数组元素内的第二个元素来进行排序。

function sortAqiData(data) {  function compare(value1, value2) {    if (value1[1]>value2[1]) {      return -1;    } else {      return 1;    }  }  data.sort(compare);  return data;}

显示一个有序的列表

这个直接为每个数组元素添加标签，并用ul.innerHTML串起来就好了~

---