for 循環中的 jquery hasClass 不是函數

Question

我正在構建一個簡單的腳本，用於檢查列表項是否具有特定的類。

但我總是得到"parkingSlots[i].hasClass is not a function"

我閱讀了 jquery.hasClass 的文檔，但我不知道我做錯了什么。

    const inputIsOpen = document.getElementById("isOpen");
const inputWrapperOpen = $(".checkboxWrap")[0];

$(".checkboxWrap").click(function() {

    let parkingSlots = $(".location-list--item");
    console.log("CheckFilter aufgerufen");

    if(inputIsOpen.checked == true) {
        console.log("if")
        for(let i = 0; i < parkingSlots.length; i++) {
            if(parkingSlots[i].hasClass("list-Parkhaus-open")) {
                console.log("if2")
                
            } else {
                parkingSlots[i].css("display", "none");
                console.log("else2")
            }
        }
    } else {
        console.log("else");
    }
})

Answer 1

因為parkingSlots[i]給你的是JS 對象，而不是jQuery 對象。

做$(parkingSlots[i]).hasClass

---

或使用.each ：

parkingSlots.each(function () {
    if($(this).hasClass("list-Parkhaus-open")) {
        console.log("if2")
                
    } else {
        $(this).css("display", "none");
        console.log("else2")
    }
});