Я пытаюсь получить изображение из выбранного элемента

Question

я пытаюсь получить изображение, выбранное из https://i.stack.imgur.com/WPEhl.png, чтобы показать на https://i.stack.imgur.com/E4rr2.png

код для обеих частей находится в js и я не могу разобраться

var CartCount;

        $('.image').on('click', function () {
            $("#cart").load(location.href + " #cart");

            $('.carticon').show("fast");

            CartCount = CartCount + 1;
            var item = $(this).attr('id');
            var label = $(this).attr('label');
            var count = $(this).attr('count');
            var price = $(this).attr('price');

            $("#" + item).hide();
            

            $.post('http://esx-kr-advanced-shops/putcart', JSON.stringify({item: item, price : price, label : label, count : count, id : id}), function( cb ) {

                $('#cart').html('');

            var i;
                for (i = 0; i < cb.length; i++) { 

                    $('#cart').append(
                        `<div class = "cartitem" label = ${cb[i].label} count = ${cb[i].count} price = ${cb[i].price}>
                        img src="${cb[i].}"width="100" height="100"
                        <h6>${cb[i].label}</h4>
                        <h6>$${cb[i].price} per item</h4>
                        <h6>In stock: ${cb[i].count}</h4>
                        <input type="text" id = ${cb[i].item} count = ${cb[i].count} class = "textareas" placeholder = "Amount"></textarea>
                        </div>`
                            );
                        };

                        $('#cart').append(
                        `<br><br>
                        <button class = "button" id = "buybutton" style = "position: absolute; right: 15px; top: 5px;">Purchase</button>
                        <button class = "button" id = "back" style = "position: absolute; left: 15px; top: 5px;">Back</button>
                        `
                    );
                });
        });

Answer 1

Проверьте разметку обратного вызова на наличие ошибок:

1. Тег img не является тегом
2. Ваш ввод завершился закрытием </textarea>
3. Ваш <h6> Цена за товар имеет двойное значение $$
4. Убедитесь, что вы указали id в поле ввода
5. Et c.

$('#cart').append(
     `<div class = "cartitem" label = ${cb[i].label} count = ${cb[i].count} price = ${cb[i].price}>
        <img src="${cb[i].img}.jpg" width="100" height="100">
        <h6>${cb[i].label}</h4>
        <h6>${cb[i].price} per item</h4>
        <h6>In stock: ${cb[i].count}</h4>
        <input type="text" id = "${cb[i].item}" count = ${cb[i].count} class = "textareas" placeholder = "Amount">
    </div>`
     );
};

$('#cart').append(
     `<br><br>
      <button class = "button" id = "buybutton" style = "position: absolute; right: 15px; top: 5px;">Purchase</button>
      <button class = "button" id = "back" style = "position: absolute; left: 15px; top: 5px;">Back</button>`
);