Javascript 使用“选择选项”值进行筛选

我有一个categories下拉列表和多个具有类名的div，我希望当用户从下拉列表中选择and选项时，根据所选选项过滤div，例如，当用户选择时，我有一个名为compose的类别，我只想显示具有类compose的div，以下是我尝试过的：

$'categories'.change函数{ var val=$this.val； 如果val==补偿{ $'.化妆'.fadeIn； }否则{ $.compose.not'.+value.fadeOut； $'.compose'.filter'.+value.fadeIn； } }; 选择类别 化妆品 咖啡馆 另外 第一组 第2组 第3组 第4组 在所有div上放置一个公共类类别。 将更改处理程序绑定到select 当它更改时，淡出所有选项，并淡出与值匹配的选项作为一个类 $“类别”。关于“更改”，函数E{ $“.category” .淡出 .filter'.+e.target.value 法丹先生； }; 选择类别 化妆品 咖啡馆 另外 第一组 第2组 第3组 第4组 在所有div上放置一个公共类类别。 将更改处理程序绑定到select 当它更改时，淡出所有选项，并淡出与值匹配的选项作为一个类 $“类别”。关于“更改”，函数E{ $“.category” .淡出 .filter'.+e.target.value 法丹先生； }; 选择类别 化妆品 咖啡馆 另外 第一组 第2组 第3组 第4组

---

这段代码可以按要求工作，我刚刚在淡入淡出的元素中添加了class.category选项

演示 $'categories'.change函数{ //获取所选选项的值 var val=$this.childrenoption:selected.val； //淡出所有未链接的内容 $.category-option.fadeOut； //淡入适当的选项 $.category选项+val.fadeIn； }; 选择类别 化妆品 咖啡馆 另外 第一组 第2组 第3组 第4组

---

这段代码可以按要求工作，我刚刚在淡入淡出的元素中添加了class.category选项

演示 $'categories'.change函数{ //获取所选选项的值 var val=$this.childrenoption:selected.val； //淡出所有未链接的内容 $.category-option.fadeOut； //淡入适当的选项 $.category选项+val.fadeIn； }; 选择类别 化妆品 咖啡馆 另外 第一组 第2组 第3组 第4组

---

由于else语句中的选择器仅使用补码，因此永远不会在其他类中显示该元素。not和filter仅返回上一次搜索的子集。它将不包括以前未找到的元素。由于else语句中的选择器仅使用补码，因此您永远不会在其他类中显示该元素。not和filter仅返回上一次搜索的子集。它将不包括以前未找到的元素。