Question

我保存附加到我点击的元素的类列表，如下所示：

function onEachFeature(feature, layer) {
    layer.on({
        click: panelShow
    });
}

function panelShow(e) {
    $("path").removeClass("active");
    this.getElement().classList.add("active");
    function staticClassListCopy(element) {
       var dummy = document.createElement('div');
       dummy.className = element.className;
       return dummy.classList;
    }
}

我有一个按钮列表，其中包含以下类：

<button class="1600 1500"></button>
<button class="1600 1300 1200"></button>
<button class="1300 1200 1700 1800"></button>    
<button class="1300 1200 1100 1900"></button>

现在我需要比较一下，如果在我保存的列表中有任何类与按钮上的任何类匹配，如果是，请为这些匹配按钮添加.active类。

Answer 1

jquery具有toggleClass功能，听起来这就是你想要做的事情。

$('button').toggleClass('active');

因此，如果该类存在于按钮上，它将删除它，否则它将添加它。

你甚至可以这样做：

var list = ['.1600', '.1800'];

$('button').filter(list.join(',')).addClass('active');

如何将类列表与html中的其他类进行比较？

1 个答案: