如何在 jquery 中使用 for() + HTML()？答案

【问题标题】：how to use for() + HTML() in jquery?如何在 jquery 中使用 for() + HTML()？
【发布时间】：2022-12-21 20:10:18
【问题描述】：

let skill_names = ["HTML", "CSS", "JavaScript", "Jquery", "MySQL"]
    let skill_number = [10, 20, 30, 40, 50]


    for (let i = 0; i < skill_names.length; i++) {
        let insert_skill = `                <div class="skill">
                    <div class="outer">
                        <div class="inner">
                            <div class="skill_number"></div>
                        </div>
                    </div>
                </div>`
        $(".skill_info_box").append(insert_skill);
    }

    for (let i = 0; i < skill_names.length; i++) {


        increase_number(i)
    }
    function increase_number(i) {
        let counter = 0;
        setInterval(() => {
            if (counter == skill_number[i]) {
                clearInterval();
            }
            else {
                counter += 1;
                **$(".skill_number").eq(i).HTML() = counter + "%"**
            }
        }, 30)
    }

我想将 Array[skill_number] 上的每个数字插入到每个类“skill_number” 我期待使用 .eq() 或 .index() 但两者都无法达到我的预期。

【问题讨论】：

标签： jquery

【解决方案1】：

您的第一站应该始终是the documentation。这在两个方面是错误的：

$(".skill_number").eq(i).HTML() = counter + "%"

该函数称为html，而不是HTML。
你不能赋值到函数的返回值。到放jQuery 中元素的 HTML，将值传递给函数。
例如：
```
$(".skill_number").eq(i).html(counter + "%");
```

【讨论】：