javascript - 如何在 ul 中禁用或添加特定类？

Question

我有一个问题，我能否以某种方式禁用特定类或启用无序列表中的类，这是我的代码

<section>
    <ul class="portfolio_filters">
        <li><a href="#" data-filter="*">show all</a></li>
        <li><a href="#" data-filter=".new">New Logos</a></li>                                          <!--lightbox2-->
        <li><a href="#" data-filter=".black ">Black & White</a></li>                            <!--lightbox3-->
        <li><a href="#" data-filter=".industrial">Industrial</a></li>                            <!--lightbox3-->
        <li><a href="#" data-filter=".mix">Mix</a></li>                                           <!--lightbox4-->
         </ul>
</section>

例如，如果我想禁用此列表中的类灯箱

<li><a href="#" data-filter=".black ">Black & White</a></li>

我把这个链接到那个列表

<div class="black col-sm-4 col-md-4">
    <div class="portfolio_item"> <a href="images/portfolio/gcgarage.jpg" class="lightbox lightbox3 "> <img src="images/portfolio/gcgarage.jpg" alt="Automotive & Luxury">
        <div class="overlay">
            <div class="desc">
                <h4>Garage Carrosserie Perle du Lac</h4><p>
                <span class="cross"></span> </div>
            </div>
     </a> </div>
</div>

如何做到这一点，如果我单击黑白列表，所有具有 2 个类的元素将失去它们的第 2 类(我想要)并且将与我想要的过滤类一起使用，而不必将灯箱类删除到我的图像？

Answer 1

选择具有黑色或白色类的元素:

<li><a href="#" data-filter=".black, .white">Black OR White</a></li>

选择具有黑白类的元素:

<li><a href="#" data-filter=".black.white">Black & White</a></li>