Добавление изображений в массив JSon

Question

У меня есть массив JSon, который отображается в списке JQuery Mobile.Он показывает описание + цену, но я хотел бы добавить изображение Icon слева.

Есть какие-нибудь указатели на то, как мне этого добиться?Могу ли я добавить тег изображения к «бренду»?Я хочу, чтобы изображение отображалось в бренде.

Спасибо!

Вот мой код.

// Json array
var productList = {"products": [
    {"brand": "brand1", "description": "Product 1", "price": "03.25 "},
    {"brand": "brand2", "description": "Product 4", "price": "01.10 "},
    {"brand": "brand3", "description": "Product 3", "price": "04.21 "},
    {"brand": "brand4", "description": "Product 2", "price": "15.24 "},
    {"brand": "brand5", "description": "Product 5", "price": "01.52 "},
    {"brand": "brand6", "description": "Product 6", "price": "12.01 "},
    {"brand": "brand7", "description": "Product 7", "price": "05.24 "}</p>

<p>]
};</p>

<p>// Name Descending</p>

<p>function loadList() {</p>

<pre><code>var list = $("#productList").listview();

var prods = productList.products.sort(function (a, b) {return a.description> b.description;});$ .each (prods, function () {list.append ("

" + this.description + ":" + this.price + "");});

// CALL SORT BY NAME DESCENDING
$(function(){

* 1015. * $ ( "# сортировки списка") нажмите кнопку (loadList2);}); $ (list) .listview ("refresh");

}

Answer 1

Вы пишете список HTML, полученный из массива JSON. Итак, одно предложение для достижения того, что вы хотите:

1. Измените созданный JSON таким образом, чтобы вместо текста brand, который у вас есть в данный момент, вы предоставляете URI для соответствующего изображения
2. Измените функцию loadList(), чтобы вы записали тег img как часть вашего HTML, используя URI, переданный из JSON в качестве атрибута src этого тега изображения.