У меня есть несколько списков на одной странице (несколько категорий продуктов), например:
<h3>Category 1</h3>
<ul id="category1">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
<h3>Category 2</h3>
<ul id="category2">
<li>item27</li>
<li>item28</li>
</ul>
Количество списков является переменной.
Мне нужен фильтр, как на демо-странице здесь http://static.railstips.org/orderedlist/demos/quicksilverjs/jquery.html.
Но он должен искать различные списки.
Если пользователь ищет "2", тогда результат должен быть:
<h3>Category 1</h3>
<ul id="category1">
<li>item2</li>
</ul>
<h3>Category 2</h3>
<ul id="category2">
<li>item27</li>
<li>item28</li>
</ul>
Если он ищет "1", то он должен быть (не показывать заголовок h3 для списка, где нет результатов):
<h3>Category 1</h3>
<ul id="category1">
<li>item1</li>
</ul>
Может кто-нибудь мне помочь?
Спасибо заранее!