Javascript Jquery自动完成返回数据中的图像

我已经让jquery autocomplete在我的网站上运行，现在我正试图让它显示来自我从数据库中提取的数据的图像

然而，我遇到了一个问题，当它在浏览我的图像数据和产品名称时，它在“自动完成”下拉列表中将html显示为文本

希望有人能看到我错在哪里，并为我指出正确的方向

$(document).ready(function() {
$(function() {
    $( "#autocomplete" ).autocomplete({
        source: function(request, response) {
            $.ajax({ url: "<?php echo site_url('homepage_products/suggestions'); ?>",
            data: { term: $("#autocomplete").val()},
            dataType: "json",
            type: "POST",
            success: function(data){
                var data_to_return = new Array();
                for (var i = 0; i < data.length; ++i) {
                    data_to_return.push("<li><a>" + "<img src='" + data[i].image + "' />" + data[i].prodid+ " - " + data[i].product_name+ "</a></li>");
                }
                response(data_to_return);

            }
        });
    },
    minLength: 4
    });
});

当我应该打电话的时候

item.label

---

谢谢你的帮助

也许这就是你正在寻找的方法，这种方法应该起作用

item.image

item.label