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]上的每个数字插入到我希望使用.eq（）或.index（）的每个类“skill_number”中，但这两个方法都不起作用。