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); 
    },