Question

我想在Wordpress页面上显示特定帖子，并隐藏所有其他帖子。要显示哪些帖子，应取决于页面顶部选中的复选框。复选框对应于一个类。当（例如）选中两个复选框（本质上选择了两个类）时，仅应显示在其包装div中至少包含这两个类的帖子（除了可能包含的第三类或第四类）（其他所有帖子）隐藏）立即显示在页面上。

你们当中有人知道如何实现吗？

我已经设法在CMS中获得分配给帖子的标签，并将这些标签作为其类名转移到该帖子的包装div上。

如何从头开始编写最后一段所需的代码，我发现用我所拥有的少量知识很难做到。我知道应该首先收集所需的类（通过选中的复选框选择）。然后应形成一个条件（已选择class1 AND class3 AND class7）。然后，如果该条件适用于帖子（“您的包装div包含class1，class3和class7”），则仅应显示该帖子。该帖子还可以（例如）包含class2，这很好，尽管该过滤器是由包装div中存在的class1，class3和class7的组合组成的，只要是正确的，就可以显示出来。） >

我相信这对很多人来说应该是一次漫步公园，对我来说，从头开始仍然很难实现，因此，你们能给我的任何帮助都将受到高度赞赏！预先感谢！

谢谢您到目前为止的回答，伙计们，到目前为止，我在网上找到的最近的东西是：

$("#filters :checkbox").click(function() {
   $("div").hide();
   $("#filters :checkbox:checked").each(function() {
       $("." + $(this).val()).show();
   });
});

它来自以下设置：http://jsfiddle.net/6wYzw/41/>此处显示了其包装div包含classX AND / OR classY的帖子，请参见其工作示例。我认为上面说的那部分

$("." + $(this).val()).show();

...需要进行调整，以便此处到目前为止使用AND（而不是OR）考虑到所有选中的复选框/类。这是实际上唯一需要调整的行，以使我想要的设置也按照我想要的方式工作吗？

@Lisrael>应该首先显示所有帖子，然后就像您所说的那样，一旦开始单击复选框，过滤器就会开始显示。

Answer 1

了解如何执行此操作！借助一个已经很接近的示例，到处都有很多“子”示例。查看代码。

while (sum2 != sum || sum2 != 7)

如何显示所有包含类相似组合的div

1 个答案: