时间戳

首页 > 解决方案 > addClass 不适用于条件

javascript - addClass 不适用于条件

问题描述

我带着我的下一个问题来找你 xd 这是我的 js：

$(document).ready(function(e) {

let imagesContainer = $(".slider__imageContainer");
let index = 0;

for(let item of imagesContainer) {
    if(item == imagesContainer[0]) {
        item.addClass("d-block");
    }
    else {
        imagesContainer.addClass("d-none")
    }
}
})

为什么不使用 "addClass("d-block") 函数 - 但我的 "else" 工作正常。

这是我的 HTML

<body>
    <div class="slider">
        <div class="slider__imageContainer">
            <img src="images/cat-5852139_640.jpg" alt="" class="slider__imageContainer--image">
        </div>
        <div class="slider__imageContainer">
            <img src="images/kingfisher-6146356_640.jpg" alt="" class="slider__imageContainer--image">
        </div>
        <div class="slider__imageContainer">
            <img src="images/meerkats-6153748_640.jpg" alt="" class="slider__imageContainer--image">
        </div>
    </div>

标签： javascriptjquery

解决方案

this不是你想的元素，它指的是HTMLDocument对象。你可以试试

$(item).addClass("d-block");

推荐阅读