Javascript - 给第一个 X div 其他类

Question

我有一个网店，左侧的过滤器全部打开。只需要打开前 4 个 div(它们有一个“active”类)，其他的应该有一个“inactive”类

我已经有了切换元素的代码，如果它有类“事件”，当你点击它时它会切换到“非事件”。

$(".av-filter-wrapper").off();
    $(".av-filter-wrapper").on("click", function(e) {
        e.preventDefault();
        e.stopPropagation();
        self.toggleFilter($(this));
        return false;
    });

Answer 1

您可以在启动时遍历所有元素，并根据循环中的索引为它们提供类:

$(".av-filter-wrapper").each((index, el) => {
    if(index <= 4)
        el.classList.add('active');
    else
        el.classList.add('inactive');
});

或者使用纯 JavaScript:

document.querySelectorAll('.av-filter-wrapper').forEach((el, index) => {
    if(index <= 4)
        el.classList.add('active');
    else
        el.classList.add('inactive');
});