Cannot read properties of undefined (reading 'addClass')

以下是两种解决方法：

1. 使用classList属性代替addClass方法

let lis = document.querySelectorAll(".tab .tab-item");
let divs = document.querySelectorAll(".products .main");
for (let i = 0; i < lis.length; i++) {
    lis[i].addEventListener("click", function () {
        document.querySelector(".tab .active").classList.remove("active");
        this.classList.add("active");
        console.log(this);
        document.querySelector(".products .active").classList.remove("active");
        divs[i].classList.add("active");
    });
}

2. 使用JQuery的addClass方法

let lis = document.querySelectorAll(".tab .tab-item");
let divs = document.querySelectorAll(".products .main");
for (let i = 0; i < lis.length; i++) {
    lis[i].addEventListener("click", function () {
        $(".tab .active").removeClass("active");
        $(this).addClass("active");
        console.log(this);
        $(".products .active").removeClass("active");
        $(divs[i]).addClass("active");
    });
}