Не полностью выводятся товары в jquery

247

06 мая 2018, 18:29

Есть data.json и есть картинки в каждой которой есть слог _tn хочу чтобы выводился список товаров c этими картинками, но почему-то только выводятся название и цена, а картинки не выводятся, объясните что не так?

$.getJSON('data.json', function(data){
    var output = '<ul class="main-content">';
    $.each(data, function(key, val){
        output += '<li>';
        output += '<h2>' + val.name +'</h2>';
        output += '<img src="../img/">' + '_tn.jpg' + val.price;
      output += '</li>';
    });
    output += '</ul>';
    $('#update').html(output);
})

Answer 1

$.each(data, function(key, val){
    output += '<li>';
    output += '<h2>' + val.name +'</h2>';
    output += '<img src="../img/' + (key + 1) + '_tn.jpg">' + val.price;
    output += '</li>';
});