使用jQuery管理数据库填充的过滤器名称以显示几个项目组合

我有一个产品页面，在那里我创建了一个过滤器，按产品类别对产品列表进行排序

$（文档）.ready（函数（）{
$（“.tab”）。单击（函数（）{
var值=$（this.attr（'data-filter'）；
如果（值=“全部”）{
//$（'.filter'）.removeClass（'hidden'）；
$（'.filter'）.show（'1000'）；
}否则{
$（“.filter”）.not（'.+value）.hide（'3000'）；
$（'.filter'）.filter（'.+value）.show（'3000'）；
}
});
if（$（“.tab”）.removeClass（“活动”））{
$（此）.removeClass（“活动”）；
}
$（此）.addClass（“活动”）；

一切正常，但我有一个类别名为“Power Tool”，只有这个过滤器不适合我。我怀疑问题在于“Power”和“tools”之间的空白

---

您可以看到此代码在这里工作：

这将为您的案例带来神奇的效果

$(document).ready(function() {
      $(".tab").click(function() {
        var value = $(this).attr('data-filter');
            value = value.split(' ').join('.');
        if (value == "all") {
          //$('.filter').removeClass('hidden');
          $('.filter').show('1000');
        } else {
          $(".filter").not('.' + value).hide('3000');
          $('.filter').filter('.' + value).show('3000');
        }
      });

      if ($(".tab").removeClass("active")) {
        $(this).removeClass("active");
      }

      $(this).addClass("active");

注：value=value.split（“”）.join（‘.）

这段代码将删除带点的空格。因此“powertools”将变成“Power.Tools”。然后jQuery选择器可以像

$('.Power.Tools').show('3000');

---

如果这是一个“php/mysql”问题，则需要包含这些标记的代码，并/或显示相关性。如果“php/mysql”中的所有内容都像您所说的“一切正常”，则应该忽略这些标记，前提是这些内容与此无关。这里也没有“html”。如果您有空格，请尝试使用

trim（）

这就是问题所在。如果你怀疑空间是问题所在，你是否尝试过删除空间…？抱歉@Rorymcrossan，但我不知道该怎么做，因为我没有太多的编码经验。但我可以从程序员的角度理解这一点。我做UI设计和非常基本的编码部分。谢谢你的帮助建议。@BranForgeCreativeVestStrategies欢迎。很高兴看到给出的答案为您提供了解决方案，干杯！您能概括一下您到底做了什么吗？这将有助于每个人了解这一点，而无需进行比较。@FunkFortyner是的，请查看下面添加的注释部分。谢谢。好吧，让我们看看OP是怎么说的，并希望它能解决问题es it:）谢谢@MuhammadTashfeen，它非常适合我。谢谢你清楚地回答了我的问题并给出了正确的答案。你的回答太棒了！！