jQueryのオートコンプリート：私がすればリンクにタイトル

Question

を設定します。

var countryList = [ 
    "London", 
    "Milan", 
    "New York" 
]; 

$("#divDest").autocomplete({ 
    source: countryList 
}); 

プラグインは、このような代レンダリングされます：私はリンクの上に置くしたいと仮定し、まあ

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 21; top: 243px; left: 768px; display: none; width: 131px;"> 
    <li class="ui-menu-item" role="menuitem"> 
     <a class="ui-corner-all" tabindex="-1">London</a> 
    </li> 

    <li class="ui-menu-item" role="menuitem"> 
     <a class="ui-corner-all" tabindex="-1">Milan</a> 
    </li> 

    <li class="ui-menu-item" role="menuitem"> 
     <a class="ui-corner-all" tabindex="-1">New York</a> 
    </li> 
</ul> 

を国の名前だけでなく、title属性にはその他の情報（各国のIDなど）が含まれています。例：

<a class="ui-corner-all" tabindex="-1" title="country_3523">New York</a> 

このプラグインでどうすればいいですか？

Answer 1

_renderItem: function(ul, item) { 
     return $("<li></li>") 
      .data("item.autocomplete", item) 
      .append($("<a></a>").text(item.label).attr('title', item.title)) 
      .appendTo(ul); 
    },