Jquery 隐藏类的所有div，仅显示具有其他类的div

我有一个div（商店页面上的产品）的列表，宽度为类“chairdiv”。 我希望能够过滤具有附加类的div，下面是一个示例：

<div class="chairdiv sold"></div>
<div class="chairdiv forsale"></div>
<div class="chairdiv forsale"></div>
<div class="chairdiv forsale"></div>
<div class="chairdiv sold"></div>
<div class="chairdiv forsale"></div>

默认情况下，页面将显示所有这些div，我是否可以使用javascript隐藏所有“chairdiv”div，除了作为附加类的“sell”或“forsale”div

我精通HTML/CSS，但对javascript知之甚少

谢谢

我的第一个想法：

$('.chairdiv').not('.sold, .forsale').hide();

编辑以回答OP提出的问题：

你能告诉我如何用HTML激活这个函数吗？例如，要仅显示

，我可以在此处放置什么：

为此：

<a href="#" id="showChairsAndSold">Show chairs and sold</a>

$('#showChairsAndSold').click(
    function(e){
        e.preventDefault(); // prevents any default action
        $('.chairdiv').not('.sold, .forsale').hide();
    });

$（“#ShowChairs and Seld”）。单击(
职能（e）{
e、 preventDefault（）；//防止任何默认操作
$（'.chairdiv'）.not（'.sall，.forsale'）.hide（）；
});

参考资料：

我的第一个想法：

$('.chairdiv').not('.sold, .forsale').hide();

编辑以回答OP提出的问题：
你能告诉我如何用HTML激活这个函数吗？例如，要仅显示
，我可以在此处放置什么：
为此：

<a href="#" id="showChairsAndSold">Show chairs and sold</a>

$('#showChairsAndSold').click(
    function(e){
        e.preventDefault(); // prevents any default action
        $('.chairdiv').not('.sold, .forsale').hide();
    });

$（“#ShowChairs and Seld”）。单击(
职能（e）{
e、 preventDefault（）；//防止任何默认操作
$（'.chairdiv'）.not（'.sall，.forsale'）.hide（）；
});

参考资料：
这将获取具有“chardiv”类的所有元素，然后仅返回具有“sell”或“forsale”类的元素

---

这将获取所有带有“chardiv”类的元素，然后只返回那些带有“sell”或“forsale”类的元素。
因为您特别询问了如何隐藏div（如果您有其他标签，可能有您不想隐藏的

chairdiv

类）（我知道这听起来很有趣，因为“div”在类名中，但您确实特别要求了div）：

---

因为您特别询问了如何隐藏div（如果您有其他标签可能包含您不想隐藏的

chairdiv

类）（我知道这听起来很有趣，因为“div”在类名中，但您确实特别询问了div）：

---

尽管我的评论中有把它分解的话，但还是比我强；pI倾向于发布答案，正如我想象的那样（使用“尽管未经测试”的注释），然后进行测试并确保，发布演示的链接，然后发布参考资料和我认为可能有用的任何其他注释。在本例中，由于没有任何

div

s被隐藏，因此完成演示需要更长的时间。。。我花了一秒钟才意识到他们中没有一个缺少第二类。哦=/谢谢你的快速回复，你能告诉我如何用HTML激活这个功能吗？举个例子，仅仅为了说明，我可以在这里写些什么：击败我，尽管我的评论中包含了对它的分解；pI倾向于发布答案，正如我想象的那样（使用“尽管未经测试”的注释），然后进行测试并确保，发布演示的链接，然后发布参考资料和我认为可能有用的任何其他注释。在本例中，由于没有任何

div

s被隐藏，因此完成演示需要更长的时间。。。我花了一秒钟才意识到他们中没有一个缺少第二类。哦=/谢谢你的快速回复，你能告诉我如何用HTML激活这个功能吗？例如，为了仅显示，我可以在此处放置什么：