Question

使用jQueryListnav在页面上显示一个漂亮的按字母顺序排列的列表，除了客户端现在希望它按姓氏搜索而不是先搜索之外，工作得很好。

汤姆琼斯 - 它目前由汤姆而不是琼斯订购

https://github.com/esteinborn/jquery-listnav/blob/master/jquery-listnav.js

我在哪里/如何修改此脚本来执行此操作？

修改通过使用Solfiene的答案和一些小J来修复这个姓氏：

$("#element").each(function(){
 var $this = $(this), text=$this.text().trim(), words = text.split(/\s+/);
 var lastWord = words.pop();
 words.push("<span class=\'last-word\'>" + lastWord + "</span>");
 $this.html(words.join(" "));
});

由于

Answer 1

您可以使用选项filterSelector来实现此目的，您可以为导航指定css选择器以按姓氏过滤。

<强>的Javascript

$('#list').listnav({
    filterSelector: '.last-name',
});

<强> HTML

<ul id="list">
  <li>Tom Jones<span classs="last-name" style="display: none;">Jones</span></li>
</ul>

ListNav Documentation

Jquery使用第二个单词而不是第一个单词

1 个答案: