按 Activity 排序但不在结果中显示 Activity

Question

我发现这个 jsfiddle 可以满足我的要求，但有一个例外。排序依据的选择之一是 Activity。我仍然希望能够按活动排序，但是我不希望 Activity 显示在结果中。有人知道怎么做吗？

 $container.isotope({
        itemSelector: '.item',
        getSortData: {
            name: '.name',
            popularity: '.popularity parseFloat',
            activity: '.activity parseFloat'
        }
    });

 <div class="item well col-sm-3 type-lodge medium-service location-london">
            <h3 class="name">Lion Lodge</h3>
            <p>Popularity: <span class="popularity">1<span></p>
            **<p>Activity <span class="activity">3</span></p>**
            <p class="location">London</p>

Answer 1

因为你不需要它删除文本 "Activity" 和段落项目，只留下 <span>:

<p>Activity <span class="activity">...</span></p>

收件人：

<span class="activity">...</span>

然后在CSS隐藏classactivity:

.activity{ display: none; }

您还可以将 class 添加到 <p> 并隐藏它。

Here is a fiddle example

按 Activity 排序但不在结果中显示 Activity

Sort by Activity but don't show Activity in the Results

html

javascript