0529

关于怎么把一串ul下的li标签内容获取。

参考https://github.com/soulclearm/Learn_front_end/blob/dev/public/second/task15.html

<ul id="source">
<li>北京空气质量：<b>90</b></li>
<li>上海空气质量：<b>70</b></li>
<li>天津空气质量：<b>80</b></li>
<li>广州空气质量：<b>50</b></li>
<li>深圳空气质量：<b>40</b></li>
<li>福州空气质量：<b>32</b></li>
<li>成都空气质量：<b>90</b></li>
</ul>

对于每条li里的内容，可用split函数分解字符串。
数字的转换可以用Number对象。

注意children 和childNodes不同。

然后push 到数组里。

比较大小的function和filter筛选函数比较常用。

function getData() {
var ul = document.getElementById("source");
var data = [];
for (var i = 0; i < ul.childElementCount; i++) {
var li = ul.children[i];
var strCity = li.innerHTML.split("空气质量：")[0];
var num = Number(li.children[0].innerHTML);
data.push([strCity, num]);
}
/*
data = [
["北京", 90],
["北京", 90]
……
]
*/
return data;
}