0529

最新推荐文章于 2022-07-02 19:57:39 发布

七七看起来萌萌哒

最新推荐文章于 2022-07-02 19:57:39 发布

阅读量381

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/az_77/article/details/51532677

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

关于怎么把一串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;
    }