2016-10-17 4 views
2

jQueryListnavを使用してページに素敵なアルファベット順のリストを表示すると、クライアントは姓で検索することを望んでいます。最初の単語ではなく2番目の単語を使用したJquery

トム・ジョーンズ - トムによって、それは現在の受注及びませんジョーンズ私はそれを行うには、このスクリプトを修正する方法を

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

/?スパンで姓をラップするSolfieneの答えと少しのJsを用いて固定

編集

$("#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(" ")); 
}); 

おかげ

+0

はあなたの印刷された名前を変更することはできませんか? [名 - 姓]の代わりに、[姓 - 名字]を印刷できますか? – andrew

+0

いいえ、dbから名前が印刷されるので、賢明なphp/jqueryがなくても、@sofieneはこれを達成する方法を私に与えてくれました。 –

+0

名前が「dbから印刷された」(単一の「名前」フィールドを意味する)場合、Sofieneの回答に示唆されているように姓をどのように区切りますか? –

答えて

1

は、あなたは、CSSを指定することができるオプションfilterSelectorを使用してこれを達成することができます姓でフィルタリングするナビゲーションのセレクタ。

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

+0

ありがとう –

関連する問題