Jquery 如何使用双字过滤？

我正在实现一个修改版本，其中我有一系列照片，可以通过单击页面顶部的过滤器列表进行过滤。当过滤器是一个单词（如摄影或视频）时，过滤器工作正常，但当过滤器由多个单词（如“内容管理”）组成时，它会“中断”，并且不会返回任何结果

以下是过滤器代码：

<ul id="filters">
    <li><a href="#filter">Portfolio</a>
        <ul>
            <li><a href="#filter">Media Integration</a></li>
            <li><a href="#filter">Websites</a></li>
            <li><a href="#filter">Mobile sites</a></li>
            <li><a href="#filter">Content Management</a></li>
            <li><a href="#filter">Social Media</a></li>
            <li><a href="#filter">Branding and Logo</a></li>
            <li><a href="#filter">Photography</a></li>
            <li><a href="#filter">Video</a></li>
            <li><a href="#filter">Infographics</a></li>
            <li><a href="#filter">Print</a></li>
            <li><a href="#filter">InteractiveEPubs</a></li>
        </ul>
    </li>
</ul>

我试着用单引号将类值括起来：“class name”，但没有用

除了将所有筛选值设置为单个单词外，还有哪些其他选项可用于启用多单词筛选值以返回结果

谢谢。

用那句话：

var filterVal = $(this).text().replace(' ','-');

您正在删除名称中的空格，并使用

-

对其进行更改。但是如果你看一下你的类，你会发现这个类是

contentmanagement

。有一个空间。只需使用

-

：

<div class="project col-sm-3 Content-Management Photography Mobile-sites"><img src="/images/rou20140613-181.jpg" alt="rou20140613-181" width="262" height="175"></div>

类名不能包含空格，因为它们被用作分隔符<代码>公开了八个类，而不是五个。您的代码似乎在其筛选器中将空格转换为连字符，但您的标记不符合要求。谢谢您的帮助。

var filterVal = $(this).text().replace(' ','-');

<div class="project col-sm-3 Content-Management Photography Mobile-sites"><img src="/images/rou20140613-181.jpg" alt="rou20140613-181" width="262" height="175"></div>