jquery $.each().html

最新推荐文章于 2025-09-16 16:11:01 发布

原创最新推荐文章于 2025-09-16 16:11:01 发布 · 380 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

49 篇文章

订阅专栏

本文详细介绍了jQuery中$.each()函数的使用方法，包括如何遍历数组和对象，以及在遍历过程中如何获取元素的下标和值。通过具体示例展示了$.each()在实际编程中的应用。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery $.each()</title>
    <script src="lib/jquery/jquery-3.2.1.js"></script>
</head>
<body>
<script>
    /*参考：https://www.cnblogs.com/ziyoublog/p/9041851.html*/
    let arr = [1, 2, 3];
    // 1.遍历数组。
    $.each(arr, function (index, value) {
        /*功能：为数组中的每一个元素，指定要执行的函数。
        * index, 元素的下标。
        * value, 元素的值。
        * this, 指向当前元素, 此处是 Number 对象，类似Number {1}。
        * Number(this) -> 1 。*/
        // console.log("this:", Number(this));
        console.log(index, value);
        /*
        0 1
        1 2
        2 3
        */
    });
    console.log('');

    // 2.遍历对象。
    let obj = {a: 1, b: 2, c: 3};
    $.each(obj, function (name, value) {
        /*功能：为对象中的每个元素指定一个要执行的函数。*/
        // console.log("this:", this);
        console.log(name, value);
        /*
        a 1
        b 2
        c 3
        */
    });
    // console.log(typeof 1);  // number
</script>
</body>
</html>