我指的是这个插件：
http://jqueryui.com/demos/autocomplete/
所以结果的原始结构是
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all">
<li class="ui-menu-item">
<a class="ui-corner-all">item 1</a>
</li>
<li class="ui-menu-item">
<a class="ui-corner-all">item 2</a>
</li>
<li class="ui-menu-item">
<a class="ui-corner-all">item 3</a>
</li>
</ul>
我需要使内部的链接看起来像这样：
<a class="myclass" customattribute="something"> The item </a>
解决方法
您需要替换_renderItem方法(对于有问题的自动完成)：
$("selector").autocomplete({ ... })
.data( "autocomplete" )._renderItem = function( ul,item ) {
return $( "<li></li>" )
.data( "item.autocomplete",item )
.append( "<a class='myclass' customattribute='" + item.customattribute + "'>" + item.label + "</a>" )
.appendTo( ul );
};
(假设您的源中的项目具有名为customattribute的属性)
