Javascript jQueryUI自动完成小部件中的CSS格式化图像和文本

我有一个自动完成小部件，可以显示文本和图像。目前我的结果是这样的

我想设置我的结果，以便单词“test”和名称“Federico”或“Casey”出现在不同的行上，正好在彼此的上方

这是我的小部件javascript代码的相关部分：

)
.data( "autocomplete" )
._renderItem = function( ul, item ) {
    return jQuery( "<li></li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" + "<img src='" + window.module.Globals.prototype.karma_assets + "images/_pricing_tables/best_deal.png' style='vertical-align:text-top;'/>" + item.id + " - " + item.label + "</a>" )
        .appendTo( ul );
};

）
.数据（“自动完成”）
._renderItem=功能（ul，项目）{
返回jQuery（“
”）
.data（“item.autocomplete”，item）
.append（“+”+item.id+“-“+item.label+”）
.附录（ul）；
};

有人知道如何格式化我的输出来实现这一点吗？谢谢

.append（“+”+item.id+”
“+item.label+”）
.append( "<a>" + "<img src='" + window.module.Globals.prototype.karma_assets + "images/_pricing_tables/best_deal.png' style='vertical-align:text-top; float: left;'/>" + item.id + " <br /> " + item.label + "</a>" )

---

试试这个..

将标签的文本部分包装在一个div元素中，该元素将创建您正在寻找的推送，并允许

按您希望的方式工作。CSS3兼容，但向后兼容

.append( "<a>" + "<img src='" + window.module.Globals.prototype.karma_assets + "images/_pricing_tables/best_deal.png' style='vertical-align:text-top; float: left;'/><div>" + item.id + " <br /> " + item.label + "</div></a>" )

.append（“+”+item.id+”
“+item.label+”）

尝试此操作后，文本显示在图像下方Casey，请参见我的编辑。这是关于HTML格式的问题，而不是jQueryUI的问题。