Javascrip-给第一个X divs其他类

Question

我有一个网上商店，左侧有所有打开的过滤器。需要的是只打开前4个div（它们的类为“ active”），而其他的divs都应为“ inactive”

如果元素具有“ 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');
});