Jquery UI：如何在自动完成结果中添加图标？

Question

我想知道是否有办法将Jquery UI图标添加到Jquery UI自动完成结果中。我的结果有3个不同的类别，我想通过使用图标来说明这一点。

我已经从服务器接收了类别标识，从1到3的数字，我可以使用它。

我也在结果中添加了图标，但它们是（丑陋的）自定义图标。我想知道的是，如果有一种简单的方法可以将jquery ui置于结果中的图标中。

到现在为止，我正在以这种方式放置图标：

$("#input").autocomplete(source:"serveradress")
    .data( "autocomplete" )._renderItem = function( ul, item ) {
        var image = "<img src=\"images/icon_" + item.category + ".png\" class=\"icon\" />";
        var itemhtml = "<a> + image + item.value + "</a>";
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( itemhtml )
            .appendTo( ul );
    };

Answer 1

尝试在此添加：

<span class="ui-icon ui-icon-home"></span>

我不得不用

终止它

</span> 

而不是自我终止标记，它由于某种原因导致问题。