使用list.js搜索后如何偏好设置列表项

Question

我有很多列表项，这些列表项基于listjs网站上的示例。搜索和排序工作正常，但是我想在所有列表项之前显示所有具有“ premium”类的列表项。在我的示例中，来自斯德哥尔摩的Jonny必须排在第一位，而来自印第安那州的Jonny应该是搜索“ Jonny”之后的第二项。

这有可能吗？如果可以，您能帮我使它运行吗？

<div id="hacker-list">
   <input class="search" />
      <button class="sort" data-sort="name">Name</button>
      <button class="sort" data-sort="city">City</button>
    <ul class="list">
      <li class="premium">
        <h3 class="name">Jonny</h3>
        <p class="city">Stockholm</p>
      </li>
      <li>
        <h3 class="name">Jonas</h3>
        <p class="city">Berlin</p>
      </li>
      <li>
        <h3 class="name">Jonny</h3>
        <p class="city">Indiana</p>
      </li>
    </ul>
  </div>
</div>

<script>
  var options = {
      valueNames: [ 'name', 'city' ],
      sortClass: 'sort',
  };
  var hackerList = new List('hacker-list', options);
</script>

因此，我尝试达到的目的是，如果我的列表项上有一个高级类别，则该类别应显示在“正常”列表项之前。