jquery 遍历页面所有 li 元素

最新推荐文章于 2024-01-24 15:58:46 发布

Archer_yy

最新推荐文章于 2024-01-24 15:58:46 发布

阅读量1.2k

点赞数 1

本文链接：https://blog.csdn.net/Dilemma_me/article/details/105078016

版权

核心代码：
获取所有class为 num的元素并进行遍历

$('.num').each(function (i, n) {
        console.log($(n).text());
        arr.push($(n).text())
    });

eg:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul class="list">
        <li class="num">1</li>
        <li class="num">2</li>
        <li class="num">3</li>
        <li class="num">4</li>
        <li class="num">5</li>
        <li class="num">6</li>
        <li class="num">7</li>
    </ul>
</body>

</html>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    //i为下标
    //n为元素本身
    var arr = []
    $('.num').each(function (i, n) {
        console.log($(n).text());
        arr.push($(n).text())
    });
    console.log(arr)
</script>