jQuery 获取列表每条数据并将其遍历

JavaScript / 2021年7月19日 / hamster

示例如下

<ul>
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
    <li>ddd</li>
    <li>eee</li>
</ul>

首先获取列表每条li内的数据

<script>
    $(function () {
        var list = [];
        $("ul > li").each(function () {
            list.push($(this).html());
        });
    })
</script>

然后将所得数据遍历

<script>
    $(function () {
        var list = [];
        $("ul > li").each(function () {
            list.push($(this).html());
        });

        for (var i=0; i<list.length; i++){
            document.write(list[i] + "<br/>");

        }

    })
</script>

页面效果如下

Jquery, 数组遍历