Jquery List.js-从多个位置搜索

如何使用List.js插件从多个位置搜索

<div id="test_list">

<input type="text" class="fuzzy-search" />

<div class="clear"></div>

<ul class="list" style="width: 33.333%; float: left;">
<li><p class="city">Guybrush Threepwood</p></li>
<li><p class="city">Elaine Marley</p></li>
<li><p class="city">LeChuck</p></li>
<li><p class="city">Stan</p></li>
<li><p class="city">Voodoo Lady</p></li>
<li><p class="city">Herman Toothrot</p></li>
<li><p class="city">Meathook</p></li>
</ul>

<ul class="list" style="width: 33.333%; float: left;">
<li><p class="city">Carla</p></li>
<li><p class="city">Otis</p></li>
<li><p class="city">Rapp Scallion</p></li>
<li><p class="city">Rum Rogers Sr.</p></li>
<li><p class="city">Men of Low Moral Fiber</p></li>
<li><p class="city">Murray</p></li>
<li><p class="city">Cannibals</p></li>
</ul>

</div>

Guybrush Threepwood
伊莱恩·马利

莱切克

斯坦

巫毒女

赫尔曼·托洛特

肉钩



卡拉

奥的斯
Rapp葱
老朗姆罗杰斯

道德素质低下的男人

默里

食人族

---

其中是2。列出列表，但只处理第一个。如何从两个列表中搜索有什么建议吗？谢谢。

您应该使用多个容器，您的JS需要进行一些调整：

HTML:

---

您有非jquery解决方案吗？

<input type="text" class="fuzzy-search" />
<div class="clear"></div>

<div id="list1">
<ul class="list" style="width: 33.333%; float: left;">
<li><p class="city">Guybrush Threepwood</p></li>
<li><p class="city">Elaine Marley</p></li>
<li><p class="city">LeChuck</p></li>
<li><p class="city">Stan</p></li>
<li><p class="city">Voodoo Lady</p></li>
<li><p class="city">Herman Toothrot</p></li>
<li><p class="city">Meathook</p></li>
</ul>
</div>
<div id="list2">
<ul  class="list" style="width: 33.333%; float: left;">
<li><p class="city">Carla</p></li>
<li><p class="city">Otis</p></li>
<li><p class="city">Rapp Scallion</p></li>
<li><p class="city">Rum Rogers Sr.</p></li>
<li><p class="city">Men of Low Moral Fiber</p></li>
<li><p class="city">Murray</p></li>
<li><p class="city">Cannibals</p></li>
</ul>

</div>

var args = {
  valueNames: [ 'city' ]
};

var list1 = new List("list1", args);
var list2 = new List("list2", args);

$(".fuzzy-search").keyup(function(){
    list1.search($(this).val());
    list2.search($(this).val());
});