Я только что получил потрясающий отзыв на мой предыдущий вопрос, но теперь я снова застрял.
У меня есть просмотр списка JQuery, отображающий мой массив json.Работает нормально.Но теперь я хотел бы иметь возможность фильтровать свои результаты по имени или цене.Я посмотрел метод jQuery.grep (), но не могу заставить его работать правильно.
Если бы кто-нибудь мог дать несколько советов о том, как я могу заставить это работать, я был бы очень признателен еще раз.
Вот код, который у меня есть:
js файл:
// Json array
var productList = {"products": [
{"description": "Product 1", "price": "9.99$"},
{"description": "Product 2", "price": "9.97$"},
{"description": "Product 3", "price": "8.52$"},
{"description": "Product 4", "price": "5.24$"},
{"description": "Product 5", "price": "4.21$"}
]
};</p>
<pre><code>function loadList() {
// var list = document.getElementById('productList');
var list = $("#productList").listview();
list.sort();
$(productList.products).each(function(index){
$(list).append('<li id="listitem">' + this.description + " " +
" : " + this.price + '</li>');
});
$(list).listview("refresh");
}<code>
</code> HTML-файл:
<html>
<head>
<title>Product List</title>
&meta;
<script src="@=site.cfg.resources.url@/test.js"></script>
</head>
<body onLoad="loadList()">
<div data-role="page">
<div data-role="header" id="header">
<h1>Product List</h1>
</div>
<div data-role="content" id="content">
<ul id="productList" data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
</ul>
</div>
</div>
</body>
</html>